<!--<template>-->
  <!--<div class="relation">-->
    <!--<article class="pages B-bjBox">-->
      <!--&lt;!&ndash; 左上侧  - 布局样式-开始  &#45;&#45;   &ndash;&gt;-->
      <!--<div class="B-lt D-GD ">-->
        <!--<div class="D-XD D-box bk ">-->
          <!--&lt;!&ndash; 左上侧  - 内容显示-开始  &ndash;&gt;-->
          <!--<div class="B-toolA bxlx">-->

            <!--&lt;!&ndash; 左上侧  - 布局样式-开始  &#45;&#45;   &ndash;&gt;-->
            <!--<div class="B-lt D-GD ">-->
              <!--<div class="D-XD D-box bk ">-->
                <!--&lt;!&ndash; 左上侧  - 内容显示-开始  &ndash;&gt;-->
                <!--<div class="B-toolA bxlx">-->
                            <!--<span class="fr">-->
                                <!--<button class="btn btnF wWK back2 saveGraph" @click="saveGraph()">保存</button>-->
                              <!--&lt;!&ndash; <button class="btn btnF wWK back2 exportData">导出</button> &ndash;&gt;-->
                            <!--</span>-->
                  <!--<span class="toolIcoBx Mr-12 b-r-1e Pr-12">-->
                                <!--<dfn class="" title="后退"><i class="icon iconfont icon-houtui"></i></dfn>-->
                                <!--<dfn class="" title="前进"><i class="icon iconfont icon-qianjin"></i></dfn>-->
                            <!--</span>-->
                  <!--<span class="toolIcoBx">-->
                                    <!--<dfn class="layouts drawTree" @click="changeLayout('breadthfirst')" title="垂直" ><i class="icon iconfont icon-whg-chuizhi"></i></dfn>-->
                                    <!--<dfn class="layouts grid" @click="changeLayout('grid')" title="网格"><i class="icon iconfont icon-plus-gridview"></i></dfn>-->
                                    <!--<dfn class="layouts circle" @click="changeLayout('circle')" title="圆"><i class="icon iconfont icon-tuandui"></i></dfn>-->
                                    <!--<dfn class="layouts concentric" @click="changeLayout('concentric')" title="雷达"><i class="icon iconfont icon-iconset0398"></i></dfn>-->
                                    <!--<dfn class="layouts dagre" @click="changeLayout('dagre')" title="自由布局"><i class="icon iconfont icon-whg-pengzhuang1"></i></dfn>-->
                                    <!--<dfn class="snapshot" title="快照" @click="newSnapshot()"><i class="icon iconfont icon-whg-xiangji"></i></dfn>-->
                                    <!--<dfn class="relationship" v-bind:class="{ ischked: relationshipIschked }" title="创建关系" @click="relationship()"><i class="icon iconfont icon-30xuanzhongfangxing"></i></dfn>-->
                    <!--&lt;!&ndash; <dfn class="beeline" title="最短路径" @click="beeline()"><i class="icon iconfont icon-icon-lujingguanli"></i></dfn> &ndash;&gt;-->
                                    <!--<dfn class="boxselection" v-bind:class="{ ischked: boxIschked }" title="框选" @click="boxselection()"><i class="icon iconfont icon-whg-kuangxuan"></i></dfn>-->
                                    <!--<dfn class="tianjia ch_ene" title="添加" @click="addNodesVisible = true"><i class="icon iconfont icon-jia1"></i></dfn>-->
                    <!--&lt;!&ndash; <dfn class="" title="导入"><i class="icon iconfont icon-xiangxia2 JQ-importPIM" @click="importPIM()"></i></dfn>-->
                                    <!--<dfn class="daochu" title="导出" @click="daochuDBD()"><i class="icon iconfont icon-xiangshang1"></i></dfn>-->
                                    <!--<dfn class="" title="导出报告" @click="exportClick()"><i class="icon iconfont icon-iconfontfenxiang"></i></dfn> &ndash;&gt;-->
                    <!--&lt;!&ndash; <dfn class="addHelper" title="添加协作人"  @click="displayAddHelper()"><i class="icon iconfont icon-msnui-report-data"></i></dfn>-->
                                    <!--<dfn class="share" title="共享" @click="share()"><i class="icon iconfont icon-tuandui1"></i></dfn> &ndash;&gt;-->
                                    <!--<dfn class="deleteNodes" title="删除节点" @click="deleteNodes()"><i class="icon iconfont icon-close-circle-o"></i></dfn>-->
                                    <!--<dfn class="deleteEdge" title="删除边" @click='deleteEdge()'><i class="icon iconfont icon-shanchuwendang"></i></dfn>-->
                    <!--&lt;!&ndash; <dfn class="exportCaseData" title="导出案件数据" @click="exportCase()"><i class="icon iconfont icon-xietongwendang"></i></dfn> &ndash;&gt;-->
                                <!--</span>-->
                <!--</div>-->
                <!--&lt;!&ndash; <div class="B-toolA bxlx  Mb-12">-->
                                <!--<span class="toolIcoBx">-->
                                    <!--<dfn class="locking" data-layout="cose-bilkent" title="锁定" @click="locking()"><i class="icon iconfont icon-33"></i></dfn>-->
                                <!--</span>-->
                            <!--</div> &ndash;&gt;-->
                <!--<div class="D-sBox">-->
                  <!--&lt;!&ndash;这里是百度echarts内容&ndash;&gt;-->
                  <!--<div id="relationBox" style="overflow:hidden;">-->
                    <!--<div class="handlebox" style="display:none;">-->
                      <!--<span class="up"></span>-->
                      <!--<span class="down"></span>-->
                      <!--<span class="left"></span>-->
                      <!--<span class="right"></span>-->
                      <!--<span class="hand"></span>-->
                      <!--<span class="narrow"></span>-->
                      <!--<span class="enlarge"></span>-->
                      <!--<span class="adapt"></span>-->
                    <!--</div>-->
                    <!--<div class="h-context-menu ctxmenu" style="width:100%; height:100%; position:absolute; z-index:9998;">{{ctxmenuHtml}}</div>-->
                    <!--&lt;!&ndash; <div class="essentialInfo" :style="{position:'absolute',left:tempx+'px',top:tempy+'px'}" v-show='essentialInfoVisible'>-->
                                    <!--<ul>-->
                                      <!--<li v-for="data in essentialInfoArr">-->
                                        <!--{{data.displayName}}:-->
                                        <!--<span v-if="data.type == 'GisData'">data.values[0].value.location</span>-->
                                        <!--<span v-else>data.values[0].value.location</span>-->
                                      <!--</li>-->
                                    <!--</ul>-->
                                  <!--</div> &ndash;&gt;-->
                  <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash; 左上侧  - 内容显示-结束  &ndash;&gt;-->
                <!--<div class="cy-panzoom"></div>-->
                <!--&lt;!&ndash;放大缩小容器&ndash;&gt;-->
                <!--<div class="cytoscape-navigator"></div>-->
                <!--&lt;!&ndash;缩略图容器&ndash;&gt;-->
              <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; 左上侧  -布局样式-结束  &#45;&#45;   &ndash;&gt;-->
            <!--&lt;!&ndash; 左下侧  - 布局样式-开始  &#45;&#45;   &ndash;&gt;-->
            <!--<div class="B-lb D-GD ">-->
              <!--<div class="D-XD D-box T8p bk TAB-Main ">-->
                <!--&lt;!&ndash; 内容显示-开始  &ndash;&gt;-->
                <!--<div class="H40t backFa ">-->
                                <!--<span class="tabTb TAB-abbr">-->
                                    <!--<abbr v-bind:class="{ active: timeline_history }" @click="setTimeline_historyStatus(true)">时间轴</abbr>-->
                                    <!--<abbr v-bind:class="{ active: !timeline_history }" @click="setTimeline_historyStatus(false)">历史</abbr>-->
                                <!--</span>-->
                <!--</div>-->
                <!--<div class="TC D-sBox" id="iobj1" v-show="timeline_history">-->
                  <!--<div id="container" style="width:100%; padding:20px 0;">-->
                    <!--<div class="dateSlider" id="dateSlider" style="float:left; width:90%; height:40px; margin:10px 5%;">-->
                      <!--<div id="date" style="float:left; width:100%;">-->
                        <!--<img :src="snap" alt="">-->
                      <!--</div>-->
                    <!--</div>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="TC D-sBox" id="iobj2" v-show="!timeline_history">-->
                  <!--<div class="M-4">-->
                    <!--<div class="imgLisB" id="historyImg">-->
                      <!--<dl v-for="(data,index) in snapshotArr" @click="getSnapDataById(data.id)">-->
                        <!--<a class="del" title="删除" v-on:click.stop="delSnapData(data.id,index)"></a>-->
                        <!--<p class="img">-->
                          <!--<img class="imgAuto" v-bind:src="data.snapshot"/>-->
                        <!--</p>-->
                        <!--<h6>{{data.timeCreated}}</h6>-->
                      <!--</dl>-->
                    <!--</div>-->
                  <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash; 内容显示-结束  &ndash;&gt;-->
              <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; 左下侧  - 布局样式-结束  &#45;&#45;   &ndash;&gt;-->
            <!--&lt;!&ndash; 右侧  - 布局样式-开始  &#45;&#45;   &ndash;&gt;-->
            <!--<div class="B-rm D-GD">-->
              <!--<div class="D-XD D-box L8p bk TAB-Main">-->
                <!--&lt;!&ndash; 内容显示-开始  &ndash;&gt;-->
                <!--<div class="H40t backFa">-->
                                <!--<span class="tabTb TAB-abbr">-->
                                    <!--<abbr v-bind:class="{ active: details_statistics }"  @click="setDetails_statisticsStatus(true)">详情信息</abbr>-->
                                  <!--&lt;!&ndash; <abbr v-bind:class="{ active: !details_statistics }" @click="setDetails_statisticsStatus(false)">统计信息</abbr> &ndash;&gt;-->
                                <!--</span>-->
                <!--</div>-->
                <!--<div class="TC D-sBox" id="irtj1" v-show="details_statistics">-->
                  <!--<div id="objShow">-->

                  <!--</div>-->
                <!--</div>-->
                <!--<div class="TC D-sBox example" id="irtj2" v-show="!details_statistics">-->
                  <!--<div class="M-12 JQ-lbdx">-->
                    <!--<table cellspacing="0" cellpadding="0" border="0" class="dateTable tabMN tabWbj tab0WK">-->
                      <!--<thead>-->
                      <!--<tr>-->
                        <!--<td width="85px" class="TxR">类型</td>-->
                        <!--<td>值</td>-->
                      <!--</tr>-->
                      <!--</thead>-->
                      <!--<tbody id="Statistics">-->

                      <!--</tbody><tbody>-->
                    <!--</tbody></table>-->
                  <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash; 内容显示-结束  &ndash;&gt;-->
              <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; 右侧  - 布局样式-结束  &#45;&#45;   &ndash;&gt;-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</article>-->
    <!--<div id="imgSrc"></div>-->
    <!--<div id="propertyBox" style="display:none;">-->
      <!--<div class="Frm-fromLisBox">-->
        <!--<div class="Frm-formD ZY">-->
          <!--<abbr>-->
            <!--<font>*</font>显示名称：-->
          <!--</abbr>-->
          <!--<dl>-->
            <!--<input class="in-T W9b" name="txtName" placeholder="请输入名称" /><br />-->
            <!--<span class="FsSL"></span>-->
          <!--</dl>-->
        <!--</div>-->
        <!--<div class="Frm-formD ZY">-->
          <!--<abbr>-->
            <!--<font>*</font>URI：-->
          <!--</abbr>-->
          <!--<dl>-->
            <!--<input class="in-T W9b" name="txtUri" placeholder="请输入URI" value="" /><br />-->
            <!--<span class="Fs2" id="islink">com.scistor.property.<span id="uriSpan"></span></span>-->
          <!--</dl>-->
        <!--</div>-->
        <!--<div class="Frm-formD ZY" id="conceal">-->
          <!--<abbr>数据类型：</abbr>-->
          <!--<dl>-->
            <!--<select class="in-T W8b" name="selType" >-->
              <!--<option value="-1">请选择</option>-->
              <!--<option value="Integer">整型</option>-->
              <!--<option value="Long">长整型</option>-->
              <!--<option value="Double">双精度</option>-->
              <!--<option value="String">字符串</option>-->
              <!--<option value="DateTime">时间</option>-->
              <!--<option value="TimeInterval">时间区间</option>-->
              <!--<option value="GisData">地理数据</option>-->
            <!--</select>-->
          <!--</dl>-->
        <!--</div>-->
        <!--<div class="Frm-formD ZY">-->
          <!--<abbr>描述：</abbr>-->
          <!--<dl>-->
            <!--<textarea class="in-T W9b" name="txtDescription" rows="6" placeholder="请输入描述"></textarea>-->
          <!--</dl>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->

    <!--<form id="form1" name="form1" enctype="multipart/form-data" method="post" style="display: none;" action="">-->
      <!--<input type="file" class="JQ-fileField" name="fileField" id="fileField" />-->
    <!--</form>-->
    <!--&lt;!&ndash; 添加弹窗 &ndash;&gt;-->
    <!--<el-dialog title="添加" :visible.sync="addNodesVisible" width="40%">-->
      <!--<div class="Frm-formD">-->
        <!--<abbr><font>*</font>对象选择：</abbr>-->
        <!--<dl>-->
          <!--<input class="in-T" name="parentUri" id="parentUri" @click="showtreeDemoDiv()" autocomplete="off" readonly="true">-->
          <!--<div id="treeDemoDiv" class="bk" v-show="treeDemoDivVisible" style="z-index: 33;width: 60%;position: absolute;background-color: #fff">-->
            <!--<div style="height:210px;overflow: auto; ">-->
              <!--<el-tree :data="addNode_chooseObj" :props="defaultProps" @node-click="chooseObj" :render-content="renderContent"></el-tree>-->
            <!--</div>-->
          <!--</div>-->
        <!--</dl>-->
      <!--</div>-->
      <!--<div id="repro"></div>-->
      <!--<div id='otherpor'></div>-->
      <!--<input type="hidden" name="parentName" id="parentName" value="parentName">-->
      <!--<span slot="footer" class="dialog-footer">-->
            <!--<el-button type="primary" @click="addNodes()">确 定</el-button>-->
          <!--</span>-->
    <!--</el-dialog>-->

    <!--&lt;!&ndash; 关联图右键实例关联操作 &ndash;&gt;-->
    <!--<el-dialog title="创建关联" :visible.sync="graphContextVisible" width="30%" :before-close="closeCreateRelation">-->
      <!--<div id="choose">-->
        <!--<p v-for="data in rnewArr">-->
          <!--<label class="ipt-choose">-->
            <!--<input type="checkbox" name="choose" :value="data.uri" />{{data.displayName}}-->
          <!--</label>-->
        <!--</p>-->
      <!--</div>-->
      <!--<span slot="footer" class="dialog-footer">-->
        <!--<el-button type="primary" class='relationBtn' @click="confirmRelation()">确定</el-button>-->
      <!--</span>-->
    <!--</el-dialog>-->

    <!--&lt;!&ndash; 创建关系弹窗 &ndash;&gt;-->
    <!--<el-dialog title="创建关系" :visible.sync="createRelationVisible" width="30%">-->
      <!--<div class="relationBox">-->
        <!--<ul>-->
          <!--<li>-->
            <!--<label>选择关系：</label>-->
            <!--<select class="seltype" @change="toggleChooseOrAddRelation()">-->
              <!--<option value="0">现有关系</option>-->
              <!--<option value="1">新建关系</option>-->
            <!--</select>-->
          <!--</li>-->
          <!--<li v-show="!vindex" class="selli">-->
            <!--<label>&nbsp;</label>-->
            <!--<select id="selRelation">-->
              <!--<option v-for="data in relationSelectArr" :data-linkuri='data.uri'>{{data.displayname}}</option>-->
            <!--</select>-->
          <!--</li>-->
          <!--<li v-show="vindex" class="selli">-->
            <!--<label>&nbsp;</label>-->
            <!--<input type="text" name="newrelation" class="txt" style="width:186px;" value="" />-->
          <!--</li>-->
        <!--</ul>-->
      <!--</div>-->

      <!--<span slot="footer" class="dialog-footer">-->
        <!--<el-button type="primary" class='relationBtn' @click="confirmCreateRelation()">创建关系</el-button>-->
      <!--</span>-->
    <!--</el-dialog>-->

    <!--&lt;!&ndash; 导出报告弹窗 &ndash;&gt;-->
    <!--<el-dialog title="导出报告" :visible.sync="exportReportVisible" width="70%">-->
      <!--<div class="M-12 Mt-24">-->
        <!--<div class="M-4">-->
          <!--<div class="imgLisB" id="historyImg_export">-->
            <!--<div class="img-div" v-for="data in exportReportImgArr">-->
              <!--<div class="drop-left"></div>-->
              <!--<img @click="imgClick($event)" class="imgAuto" :src='data.snapshot' draggable="true" :data-id='data.id' />-->
              <!--<p class="ptime">{{data.timeCreated}}</p>-->
              <!--<div class="drop-right"></div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

      <!--&lt;!&ndash; <div class="D-TcFoot">-->
              <!--<button class="btn btnF btnWd back2 JQ-addEnt">确定</button>-->
              <!--<button class="btn JQ-qut">取消</button>-->
            <!--</div> &ndash;&gt;-->

      <!--<span slot="footer" class="dialog-footer">-->
        <!--<el-button type="primary" @click="confirmExportReport()">导 出</el-button>-->
      <!--</span>-->
    <!--</el-dialog>-->

    <!--&lt;!&ndash; 添加协作人弹窗 &ndash;&gt;-->
    <!--<el-dialog title="添加协作人" :visible.sync="addHelperVisible" width="70%">-->
      <!--<div class="treeDemo">-->
        <!--<el-tree :data="depTree" :props="defaultProps" @node-click="showDepTab()" ></el-tree>-->
      <!--</div>-->
      <!--<input id="did" type="hidden" value=""/>-->
      <!--<input id="dname" type="hidden" value=""/>-->
      <!--<div class="tableContainer">-->
        <!--<table width="100%">-->
          <!--<thead>-->
          <!--<tr>-->
            <!--<th></th>-->
            <!--<th>姓名</th>-->
            <!--<th>身份证号</th>-->
            <!--<th>手机号</th>-->
            <!--<th>警号</th>-->
          <!--</tr>-->
          <!--</thead>-->
          <!--<tbody id="user_list"></tbody>-->
        <!--</table>-->
      <!--</div>-->
      <!--<span slot="footer" class="dialog-footer">-->
        <!--<el-button type="primary" @click="addHelper()">确 定</el-button>-->
      <!--</span>-->
    <!--</el-dialog>-->

    <!--&lt;!&ndash; 导出案件数据 &ndash;&gt;-->
    <!--<el-dialog title="导出案件数据" :visible.sync="exportCaseDataVisible" width="40%">-->
      <!--<form>-->
        <!--<div class="item">-->
          <!--<label for="">任务名称:</label>-->
          <!--<input type="text" value="" id="taskname">-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label for="">案件编号:</label>-->
          <!--<input type="text" disabled="disabled" value="" id="casenum">-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label for="">案件名称:</label>-->
          <!--<input type="text" disabled="disabled" value="" id="casename">-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label for="">文书号:</label>-->
          <!--<input type="text" disabled="disabled" value="" id="docnum">-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item psr">-->
          <!--<label for="">所属单位:</label>-->
          <!--<input type="text" readonly="readonly" value="" id="checkDep">-->
          <!--<div id="checkDepContainer" class="checkDepContainer">-->
            <!--<ul id="dep_tree" class="ztree"></ul>-->
          <!--</div>-->
          <!--<input type="hidden" disabled="disabled" value="131100090000" id="affiliationdepcode">-->
          <!--<input type="hidden" disabled="disabled" value="网安支队" id="affiliationdepname">-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label class="vertical-top">简要案情:</label>-->
          <!--<textarea disabled="disabled" id="description"></textarea>-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label class="vertical-top">案件笔录:</label>-->
          <!--<div class="imageContainer" id="ajbl">-->
            <!--&lt;!&ndash; <div class="singleImg">-->
                    <!--<img src="images/ico.png" width="100%" />-->
                    <!--<div class="imageInfo">-->
                        <!--<input type="checkbox" value="id1111">1-->
                    <!--</div>-->
                <!--</div> &ndash;&gt;-->
          <!--</div>-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label class="vertical-top">立案决定书:</label>-->
          <!--<div class="imageContainer" id="lajds"></div>-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
        <!--<div class="item">-->
          <!--<label class="vertical-top">受案登记表:</label>-->
          <!--<div class="imageContainer" id="sadjb"></div>-->
          <!--<span class="request">*</span>-->
        <!--</div>-->
      <!--</form>-->
      <!--<span slot="footer" class="dialog-footer">-->
        <!--<el-button id="exportDataBtn" type="primary" @click="confirmExportCaseData()">导出</el-button>-->
      <!--</span>-->
    <!--</el-dialog>-->
  <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--import cytoscape from "cytoscape";-->
  <!--export default {-->
    <!--name: "relationGraph",-->
    <!--data() {-->
      <!--return {-->
        <!--snap:'',-->
        <!--loginMsg: "",-->
        <!--graphId: "",-->
        <!--nid: "",-->
        <!--cxturi: "",-->
        <!--cxtrowkey: "",-->
        <!--graph: "",-->
        <!--nodeW: 30,-->
        <!--nodeH: 30,-->
        <!--posx: 0,-->
        <!--posy: 0,-->
        <!--saveauto: false,-->
        <!--pid: "",-->
        <!--owneridcard: "",-->
        <!--cy: null,-->
        <!--websock: "",-->
        <!--timer: "",-->
        <!--linetimer: "",-->
        <!--tempid: 0,-->
        <!--relateType: "",-->
        <!--poptype: "",-->
        <!--//快照数据-->
        <!--snapshotArr: [],-->
        <!--//控制时间轴与历史的显示状态-->
        <!--timeline_history: true,-->
        <!--//控制右侧吃详细信息与统计信息显示状态-->
        <!--details_statistics: true,-->
        <!--//勾选按钮选中状态-->
        <!--relationshipIschked: false,-->
        <!--//框选按钮选中状态-->
        <!--boxIschked: false,-->
        <!--options: {-->
          <!--name: "dagre",-->
          <!--idealEdgeLength: 150,-->
          <!--concentric: function(node) {-->
            <!--return node.degree();-->
          <!--},-->
          <!--levelWidth: function(nodes) {-->
            <!--return 1;-->
          <!--},-->
          <!--directed: false,-->
          <!--avoidOverlap: true-->
        <!--},-->
        <!--date: "",-->
        <!--dateSilderObj: null, //渲染日期组件-->
        <!--peoplename: "com.scistor.property.peoplename",-->
        <!--cartid: "com.scistor.property.certid",-->
        <!--phonenumber: "com.scistor.property.phonenumber",-->
        <!--weixinid: "com.scistor.property.weixinnum",-->
        <!--qqnum: "com.scistor.property.qqnum",-->
        <!--drugpeople: "com.scistor.object.entity.drugpeople",-->
        <!--instanceIcon: "com.scistor.property.instanceIcon",-->
        <!--entityqq: "com.scistor.object.entity.qq",-->
        <!--//添加节点-->
        <!--addNodesVisible: false,-->
        <!--addNode_chooseObj: null,-->
        <!--defaultProps: {-->
          <!--children: "children",-->
          <!--label: "displayname"-->
        <!--},-->
        <!--treeDemoDivVisible: false,-->
        <!--add_checkedObj: "",-->
        <!--//创建关系-->
        <!--createRelationVisible: false,-->
        <!--relationSelectArr: [],-->
        <!--isCreate: false,-->
        <!--vindex: 0,-->
        <!--//导出报告-->
        <!--exportReportVisible: false,-->
        <!--exportReportImgArr: [],-->
        <!--//添加协作人-->
        <!--addHelperVisible: false,-->
        <!--depTree: [],-->
        <!--//导出案件数据-->
        <!--exportCaseDataVisible: false,-->
        <!--exportCaseData: null,-->
        <!--//关联图操作所用数据-->
        <!--primaryId: "",-->
        <!--primaryRowkey: "",-->
        <!--secondaryId: "",-->
        <!--secondaryRowkey: "",-->
        <!--//关联图右键操作-->
        <!--graphContextVisible: false,-->
        <!--rnewArr: [],-->
        <!--isFirst: false,-->
        <!--relationData: null,-->
        <!--nodeId: "",-->
        <!--//关联图右键菜单-->
        <!--ctxmenuHtml: "",-->
        <!--//鼠标移上节点时显示数据-->
        <!--tempx: "",-->
        <!--tempy: "",-->
        <!--essentialInfoVisible: false,-->
        <!--essentialInfoArr: [],-->

        <!--linkid:"",-->
      <!--};-->
    <!--},-->
    <!--beforeCreate() {},-->
    <!--created() {},-->
    <!--mounted() {-->
      <!--let _this = this;-->
      <!--this.pid = 1;-->
      <!--this.loginMsg = JSON.parse(localStorage.getItem("loginMsg")).data;-->
      <!--this.owneridcard = JSON.parse(-->
        <!--localStorage.getItem("loginMsg")-->
      <!--).data.adminUser.sfzh;-->
      <!--this.cy = cytoscape({-->
        <!--container: $("#relationBox"),-->
        <!--//boxSelectionEnabled: true,-->
        <!--//zoomingEnabled:true,-->
        <!--//panningEnabled:true,-->
        <!--//userPanningEnabled:true,-->
        <!--//autounselectify: true,-->
        <!--//styleEnabled: true,-->
        <!--minZoom: 0.5,-->
        <!--maxZoom: 2,-->
        <!--Zoom: 1,-->
        <!--style: cytoscape-->
          <!--.stylesheet()-->
          <!--.selector("node")-->
          <!--.css({-->
            <!--height: this.nodeW,-->
            <!--width: this.nodeH,-->
            <!--shape: "ellipse",-->
            <!--"border-width": 0,-->
            <!--"border-style": "solid",-->
            <!--"border-color": "#ccc",-->
            <!--"background-fit": "cover cover"-->
          <!--})-->
          <!--.selector(":selected")-->
          <!--.css({-->
            <!--"border-width": 3,-->
            <!--"border-style": "double",-->
            <!--"border-color": "#fc5b32",-->
            <!--"border-opacity": 0.8-->
          <!--})-->
          <!--.selector(".chk")-->
          <!--.css({-->
            <!--"border-width": 3,-->
            <!--"border-style": "double",-->
            <!--"border-color": "#fc5b32",-->
            <!--"border-opacity": 0.8-->
          <!--})-->
          <!--.selector(".eating")-->
          <!--.css({-->
            <!--"border-color": "red"-->
          <!--})-->
          <!--.selector(".eater")-->
          <!--.css({-->
            <!--"border-width": 8-->
          <!--})-->
          <!--.selector("edge")-->
          <!--.css({-->
            <!--"curve-style": "bezier",-->
            <!--width: 1,-->
            <!--"line-color": "#aaa",-->
            <!--label: "data(label)",-->
            <!--"font-size": "12px",-->
            <!--color: "#666",-->
            <!--"target-arrow-shape": "triangle",-->
            <!--"target-arrow-color": "#aaa"-->
          <!--})-->
          <!--.selector(".highlight")-->
          <!--.css({-->
            <!--"line-color": "#F00"-->
          <!--}),-->
        <!--elements: {-->
          <!--nodes: [],-->
          <!--edges: []-->
        <!--}-->
      <!--});-->
      <!--this.date = $("#date");-->
      <!--//this.initWebSocket();-->
      <!--this.getGraph();-->
      <!--//初始化节点、连线-->
      <!--this.cy.nodes(function(n) {-->
        <!--var node = n.data();-->
        <!--n.style({ "background-image": node["image"], content: node["name"] });-->
        <!--n.unselect();-->
      <!--});-->
      <!--//缩略图-->
      <!--this.cy.navigator({-->
        <!--container: $(".cytoscape-navigator")-->
      <!--});-->
      <!--//放大缩小-->
      <!--this.cy.panzoom({-->
        <!--fitSelector: $(".cy-panzoom")-->
      <!--});-->

      <!--//获取快照-->
      <!--this.getSnapshot();-->

      <!--//右键点击事件-->
      <!--this.cy.on("cxttapstart", "node", function(evt) {-->
        <!--//console.log(_this.cy.$(this).data());-->
        <!--_this.posx = _this.cy.$(this).renderedPosition("x");-->
        <!--_this.posy = _this.cy.$(this).renderedPosition("y");-->
        <!--_this.cxturi = _this.cy.$(this).data()["objecturi"];-->
        <!--_this.cxtrowkey = _this.cy.$(this).data()["rowkey"];-->
        <!--_this.nodeId = _this.cy.$(this).data()["id"];-->
      <!--});-->

      <!--this.cy.on("cxttapstart", function(evt) {-->
        <!--if (evt.target === _this.cy) {-->
          <!--_this.ctxmenuHtml = "";-->
        <!--} else {-->
          <!--if (evt.target.isNode()) {-->
            <!--_this.ctxmenuHtml = "";-->
            <!--_this.initGraphMenu();-->
          <!--} else if (evt.target.isEdge()) {-->
            <!--////console.log(cy.$(this));-->
            <!--//cy.$(this).remove();-->
          <!--} else {-->
            <!--_this.ctxmenuHtml = "";-->
          <!--}-->
        <!--}-->
      <!--});-->

      <!--//鼠标移上节点-->
      <!--this.cy.on("mouseover", "node", function() {-->
        <!--var uritemp = _this.cy.$(this).data().objecturi,-->
          <!--rowkeytemp = _this.cy.$(this).data().rowkey;-->
        <!--(_this.tempx = _this.cy.$(this).renderedPosition("x")),-->
          <!--(_this.tempy = _this.cy.$(this).renderedPosition("y"));-->
        <!--_this.timer = setTimeout(function() {-->
          <!--//_this.essentialInfo(uritemp, rowkeytemp, _this.tempx, _this.tempy);-->
        <!--}, 2000);-->
      <!--});-->
      <!--this.cy.on("mouseout", "node", function() {-->
        <!--clearTimeout(_this.timer);-->
        <!--_this.essentialInfoVisible = false;-->
      <!--});-->

      <!--//鼠标移上边-->
      <!--this.cy.on("mouseover", "edge", function() {-->
        <!--_this.cy.$(this).data().label = _this.cy.$(this).data()["linklabel"];-->
      <!--});-->
      <!--this.cy.on("mouseout", "edge", function() {-->
        <!--clearTimeout(_this.linetimer);-->
        <!--_this.cy.$(this).data().label = "";-->
      <!--});-->

      <!--//操作关联图-->
      <!--//上-->
      <!--$(".handlebox span.up").on("click", function() {-->
        <!--//cy.panningEnabled(true);-->
        <!--this.cy.animate(-->
          <!--{-->
            <!--pan: { y: this.cy.pan("y") + 25 }-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//下-->
      <!--$(".handlebox span.down").on("click", function() {-->
        <!--//cy.panningEnabled(true);-->
        <!--this.cy.animate(-->
          <!--{-->
            <!--pan: { y: this.cy.pan("y") - 25 }-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//左-->
      <!--$(".handlebox span.left").on("click", function() {-->
        <!--//cy.panningEnabled(true);-->
        <!--cy.animate(-->
          <!--{-->
            <!--pan: { x: cy.pan("x") + 25 }-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//右-->
      <!--$(".handlebox span.right").on("click", function() {-->
        <!--//cy.panningEnabled(true);-->
        <!--cy.animate(-->
          <!--{-->
            <!--pan: { x: cy.pan("x") - 25 }-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//是否可移动-->
      <!--$(".handlebox span.hand").on("click", function() {-->
        <!--$(this).toggleClass("selected");-->
        <!--if ($(this).hasClass("selected")) {-->
          <!--cy.panningEnabled(true);-->
          <!--cy.userPanningEnabled(true);-->
        <!--} else {-->
          <!--cy.panningEnabled(false);-->
          <!--cy.userPanningEnabled(false);-->
        <!--}-->
      <!--});-->
      <!--//缩小-->
      <!--$(".handlebox span.narrow").on("click", function() {-->
        <!--cy.animate(-->
          <!--{-->
            <!--zoom: cy.zoom() * 9 / 10-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//放大-->
      <!--$(".handlebox span.enlarge").on("click", function() {-->
        <!--cy.animate(-->
          <!--{-->
            <!--zoom: cy.zoom() * 10 / 9-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->
      <!--//初始大小-->
      <!--$(".handlebox span.adapt").on("click", function() {-->
        <!--cy.animate(-->
          <!--{-->
            <!--zoom: 1-->
          <!--},-->
          <!--{-->
            <!--duration: 200-->
          <!--}-->
        <!--);-->
      <!--});-->

      <!--//左键单击节点-->
      <!--this.cy.on("tap", "node", function(parma) {-->

        <!--_this.linkid = "";-->
        <!--if (_this.relationshipIschked) {-->
          <!--var chknum = 0;-->
          <!--chknum = _this.cy.$("node:selected").length;-->
          <!--if (chknum == 0) {-->
            <!--_this.primaryId = _this.cy.$(this).data()["id"];-->
            <!--_this.primaryRowkey = _this.cy.$(this).data()["rowkey"];-->
          <!--} else if (chknum == 1) {-->
            <!--_this.secondaryId = _this.cy.$(this).data()["id"];-->
            <!--_this.secondaryRowkey = _this.cy.$(this).data()["rowkey"];-->
            <!--_this.tempid = new Date().getTime();-->
            <!--_this.createRelation();-->
          <!--}-->
          <!--_this.cy-->
            <!--.$(this)-->
            <!--.select()-->
            <!--.addClass("selected");-->
        <!--} else {-->
          <!--//  else if (_this.isbeeline()) {-->
          <!--//   _this.cy.autounselectify(true);-->
          <!--//   _this.secondaryId = _this.cy.$(this).data()["objecturi"];-->
          <!--//   _this.secondaryRowkey = _this.cy.$(this).data()["rowkey"];-->
          <!--//   _this.shortestPath();-->
          <!--// }-->
          <!--_this.cy.autounselectify(false);-->
          <!--_this.cy.$("node").removeClass("chk");-->
          <!--_this.cy-->
            <!--.$(this)-->
            <!--.select()-->
            <!--.addClass("selected");-->
          <!--var uri = _this.cy.$(this).data()["objecturi"],-->
            <!--rowkey = _this.cy.$(this).data()["rowkey"],-->
            <!--title = _this.cy.$(this).data()["name"];-->
          <!--$("#objShow").html(-->
            <!--_this.getExample(_this.$store.state.unifiedUserUrl, uri, rowkey, title)-->
          <!--);-->

          <!--$("a.iconfile img").attr("src", $("input[name=iconImg]").val());-->
          <!--var temptxt = "",-->
            <!--etxt = "";-->
          <!--$("span.editable").on("focus", function() {-->
            <!--temptxt = $(this).text();-->
          <!--});-->
          <!--//更换图标-->
          <!--var icoHtml = "";-->
          <!--icoHtml += '<div class="Frm-upImgBox imgIcoSm M-12 Mt-12">';-->
          <!--icoHtml +=-->
            <!--'<input name="iconfile" type="file" style="position: absolute;float: left;margin-left:120px;margin-top: 65px; z-index: 10;width: 200px; height: 25px;" />';-->
          <!--icoHtml +=-->
            <!--'<img id="avatarPreview" src="img/fileY.jpg" title="点击更换图片" style="position: absolute; z-index: 9; float: left; width: 100px; height: 100px">';-->
          <!--icoHtml += "</div>";-->
          <!--icoHtml += '<div class="D-TcFoot">';-->
          <!--icoHtml +=-->
            <!--'<button name="iconsubbtn" class="btn btnF btnWd back2 JQ-addEnt">确定</button>';-->
          <!--icoHtml += '<button class="btn JQ-qut">取消</button>';-->
          <!--icoHtml += "</div>";-->

          <!--$("a.iconfile").on("click", function() {-->
            <!--layer.open({-->
              <!--type: 1,-->
              <!--title: "修改图标",-->
              <!--area: ["350px", "210px"], //宽高-->
              <!--content: icoHtml,-->
              <!--success: function(layero, index) {-->
                <!--$("input[name=iconfile]").on("change", function() {-->
                  <!--var obj = $("input[name=iconfile")[0].files[0];-->
                  <!--var fr = new FileReader();-->
                  <!--fr.onload = function() {-->
                    <!--$("#avatarPreview").attr("src", this.result);-->
                  <!--};-->
                  <!--fr.readAsDataURL(obj);-->
                  <!--fileUpload($("input[name=iconfile]")[0].files[0]);-->
                  <!--////console.log(obj)-->
                <!--});-->

                <!--var fileUpload = function(obj) {-->
                  <!--var file = obj;-->
                  <!--//判断类型是不是图片-->
                  <!--if (!/image\/\w+/.test(file.type)) {-->
                    <!--alert("请确保文件为图像类型");-->
                    <!--return false;-->
                  <!--}-->

                  <!--var reader = new FileReader();-->
                  <!--reader.readAsDataURL(file);-->
                  <!--reader.onload = function(e) {-->
                    <!--var img = new Image(),-->
                      <!--width = 120, //图片resize宽度-->
                      <!--quality = 1.0, //图像质量-->
                      <!--canvas = document.createElement("canvas"),-->
                      <!--drawer = canvas.getContext("2d");-->
                    <!--img.src = this.result;-->
                    <!--canvas.width = width;-->
                    <!--canvas.height = width * (img.height / img.width);-->
                    <!--drawer.drawImage(img, 0, 0, canvas.width, canvas.height);-->
                    <!--img.src = canvas.toDataURL();-->
                    <!--$("#imgSrc").val(img.src);-->
                    <!--var image_base64 = img.src.replace(-->
                      <!--"data:image/png;base64,",-->
                      <!--""-->
                    <!--);-->
                  <!--};-->
                <!--};-->

                <!--$("button[name=iconsubbtn]").on("click", function() {-->
                  <!--$.ajax({-->
                    <!--type: "post",-->
                    <!--url:-->
                    <!--_this.$store.state.apiForwardUrl + "object/uploadObjectIco",-->
                    <!--data: {-->
                      <!--rowkey: rowkey,-->
                      <!--objectUri: uri,-->
                      <!--icon: $("#imgSrc").val()-->
                    <!--},-->
                    <!--xhrFields: { withCredentials: true },-->
                    <!--success: function(data, textStatus) {-->
                      <!--if (textStatus == "success") {-->
                        <!--_this.$message({-->
                          <!--message: "修改成功！",-->
                          <!--type: "success"-->
                        <!--});-->
                        <!--_this.cy-->
                          <!--.$("#" + rowkey)-->
                          <!--.style({ "background-image": $("#imgSrc").val() });-->
                        <!--_this.cy.$("#" + rowkey).data()["image"] = $(-->
                          <!--"#imgSrc"-->
                        <!--).val();-->
                        <!--$("a.iconfile img").attr("src", $("#imgSrc").val());-->
                        <!--saveauto = true;-->
                        <!--$(".saveGraph").trigger("click");-->
                      <!--}-->
                    <!--}-->
                  <!--});-->
                <!--});-->
              <!--}-->
            <!--});-->
          <!--});-->

          <!--//添加相关对象、相关事件-->
          <!--_this.createEntity(uri, rowkey);-->
          <!--_this.docMediaFun(uri, rowkey);-->

          <!--//新增属性-->
          <!--$(".addproperty").on("click", function() {-->
            <!--$("#propertyBox")-->
              <!--.find("#islink")-->
              <!--.text("com.scistor.property.");-->
            <!--$("#propertyBox")-->
              <!--.find("#conceal")-->
              <!--.show();-->
            <!--var strCont = $("#propertyBox").html();-->
            <!--layer.open({-->
              <!--type: 1,-->
              <!--title: "新增属性",-->
              <!--area: ["500px", "380px"],-->
              <!--btn: ["确定", "取消"],-->
              <!--content: strCont,-->
              <!--yes: function(index, layero) {-->
                <!--var displayName = $(layero)-->
                    <!--.find("input[name=txtName]")-->
                    <!--.val(),-->
                  <!--pyuri = $(layero)-->
                    <!--.find("input[name=txtUri]")-->
                    <!--.val(),-->
                  <!--options = $(layero)-->
                    <!--.find("select[name=selType] option:selected")-->
                    <!--.val(),-->
                  <!--description = $(layero)-->
                    <!--.find("textarea[name=txtDescription]")-->
                    <!--.val();-->

                <!--//var groupName = group[0].name-->
                <!--if (displayName == "") {-->
                  <!--layer.msg("显示名称不可以空", { icon: 5 });-->
                  <!--return;-->
                <!--}-->
                <!--if (pyuri == "") {-->
                  <!--layer.msg("URI不可以为空", { icon: 5 });-->
                  <!--return;-->
                <!--}-->

                <!--// //console.log({-->
                <!--//   displayName: displayName,-->
                <!--//   uri: pyuri,-->
                <!--//   type: options,-->
                <!--//   description: description-->
                <!--// });-->

                <!--$.ajax({-->
                  <!--type: "POST",-->
                  <!--url:-->
                  <!--_this.$store.state.unifiedUserUrl +-->
                  <!--"/property" +-->
                  <!--"?bindTo=" +-->
                  <!--uri,-->
                  <!--data: {-->
                    <!--displayName: displayName,-->
                    <!--uri: pyuri,-->
                    <!--type: options,-->
                    <!--description: description-->
                  <!--},-->
                  <!--xhrFields: { withCredentials: true },-->
                  <!--success: function(data, textStatus) {-->
                    <!--if (textStatus == "success") {-->
                      <!--_this.$message({-->
                        <!--message: "添加成功！",-->
                        <!--type: "success"-->
                      <!--});-->
                      <!--var strHtml = "";-->
                      <!--strHtml +=-->
                        <!--'<tr><td class="TxR FsH9">' +-->
                        <!--data.displayName +-->
                        <!--'：</td><td class="FsH0"><span class="editable" data-uri="' +-->
                        <!--data.uri +-->
                        <!--'" contenteditable="true"></span></td></tr>';-->
                      <!--$("#relatedProperty").append(strHtml);-->
                      <!--_this.editProperty("post", true);-->
                    <!--}-->
                  <!--}-->
                <!--});-->
              <!--}-->
            <!--});-->
          <!--});-->

          <!--//编辑属性-->
          <!--_this.editProperty("put", true);-->
          <!--//相关节点连线高亮显示-->
          <!--_this.cy.edges(function(n) {-->
            <!--var edge = n.data();-->
            <!--n.classes("");-->
            <!--if (edge.source == rowkey || edge.target == rowkey) {-->
              <!--n.classes("highlight");-->
              <!--_this.cy.$("#" + edge.target).addClass("chk");-->
              <!--_this.cy.$("#" + edge.source).addClass("chk");-->
              <!--//console.log(edge.linkuri);-->
              <!--if (edge.source == rowkey) {-->
                <!--//console.log(JSON.stringify(cy.$("#" + edge.target).data()));-->
                <!--relationNodeArr.push({-->
                  <!--drugObjectUri: cy.$("#" + edge.target).data()["linkuri"],-->
                  <!--drugRowkey: cy.$("#" + edge.target).data()["rowkey"],-->
                  <!--linkType: edge.linkuri-->
                <!--});-->
              <!--} else {-->
                <!--//console.log(JSON.stringify(cy.$("#" + edge.source).data()));-->
                <!--relationNodeArr.push({-->
                  <!--drugObjectUri: cy.$("#" + edge.source).data()["linkuri"],-->
                  <!--drugRowkey: cy.$("#" + edge.source).data()["rowkey"],-->
                  <!--linkType: edge.linkuri-->
                <!--});-->
              <!--}-->
              <!--//relationNodeArr.push({'drugObjectUri':cy.$('#'+rowkey).data()['objectUri'],'drugRowkey':cy.$('#'+rowkey).data()['rowkey']});-->
              <!--_this.cy.nodes(function() {});-->
            <!--}-->
          <!--});-->
          <!--//cy.layout(options).run();-->
        <!--}-->
      <!--});-->

      <!--this.cy.on("tapstart", function() {-->
        <!--var t = setTimeout(function() {-->
          <!--_this.ctxmenuHtml = "";-->
        <!--}, 200);-->
      <!--});-->

      <!--//左键单击边事件-->
      <!--this.cy.on("tap", "edge", function() {-->
        <!--var linkid = _this.cy.$(this).data()["id"],-->
          <!--linklabel = _this.cy.$(this).data()["label"],-->
          <!--temptxt = "",-->
          <!--etxt = "";-->
        <!--_this.cy.$(this).addClass("highlight")-->
        <!--_this.linkid = linkid;-->
        <!--// $("#objShow").html(_this.edgesProperty(linkid));-->

        <!--// //新增属性-->
        <!--// $(".addproperty").on("click", function() {-->
        <!--//   $("#propertyBox")-->
        <!--//     .find("#islink")-->
        <!--//     .text("com.scistor.link.property.");-->
        <!--//   $("#propertyBox")-->
        <!--//     .find("#conceal")-->
        <!--//     .hide();-->
        <!--//   var strCont = $("#propertyBox").html();-->
        <!--//   layer.open({-->
        <!--//     type: 1,-->
        <!--//     title: "新增属性",-->
        <!--//     area: ["500px", "380px"],-->
        <!--//     btn: ["确定", "取消"],-->
        <!--//     content: strCont,-->
        <!--//     yes: function(index, layero) {-->
        <!--//       var displayName = $(layero)-->
        <!--//           .find("input[name=txtName]")-->
        <!--//           .val(),-->
        <!--//         pyuri = $(layero)-->
        <!--//           .find("input[name=txtUri]")-->
        <!--//           .val(),-->
        <!--//         options = "String"; //$(layero).find('select[name=selType] option:selected').val(),-->
        <!--//       description = $(layero)-->
        <!--//         .find("textarea[name=txtDescription]")-->
        <!--//         .val();-->

        <!--//       if (displayName == "") {-->
        <!--//         _this.$message({-->
        <!--//           message: "显示名称不可以空！",-->
        <!--//           type: "error"-->
        <!--//         });-->
        <!--//         return;-->
        <!--//       }-->
        <!--//       if (pyuri == "") {-->
        <!--//         _this.$message({-->
        <!--//           message: "URI不可以为空！",-->
        <!--//           type: "error"-->
        <!--//         });-->
        <!--//         return;-->
        <!--//       }-->
        <!--//       $.ajax({-->
        <!--//         type: "POST",-->
        <!--//         url: _this.$store.state.apiForwardUrl + "object/createLinkPro",-->
        <!--//         data: {-->
        <!--//           linkId: linkid,-->
        <!--//           linkProUri: pyuri,-->
        <!--//           linkProDisplay: displayName,-->
        <!--//           mc: description-->
        <!--//         },-->
        <!--//         xhrFields: { withCredentials: true },-->
        <!--//         success: function(data, textStatus) {-->
        <!--//           if (textStatus == "success") {-->
        <!--//             _this.$message({-->
        <!--//               message: "添加成功！",-->
        <!--//               type: "success"-->
        <!--//             });-->
        <!--//             var strHtml = "";-->
        <!--//             strHtml +=-->
        <!--//               '<tr><td class="TxR FsH9">' +-->
        <!--//               displayName +-->
        <!--//               '：</td><td class="FsH0"><span class="editable" data-uri="' +-->
        <!--//               pyuri +-->
        <!--//               '" contenteditable="true"></span></td></tr>';-->
        <!--//             $("#linkProperty").append(strHtml);-->
        <!--//             _this.editProperty("POST");-->
        <!--//           }-->
        <!--//         }-->
        <!--//       });-->
        <!--//     }-->
        <!--//   });-->
        <!--// });-->

        <!--// $("span.editable").on("focus", function() {-->
        <!--//   temptxt = $(this).text();-->
        <!--// });-->

        <!--//编辑属性-->
        <!--//editProperty("POST");-->
        <!--function editProperty(sptype) {-->
          <!--$("span.editable").on("blur", function() {-->
            <!--etxt = $(this).text();-->
            <!--var duri = $(this).attr("data-uri");-->
            <!--//console.log(duri);-->
            <!--if (temptxt != etxt) {-->
              <!--$.ajax({-->
                <!--type: sptype,-->
                <!--url: _this.$store.state.unifiedUserUrl + "/object/createLinkPro",-->
                <!--data: { linkId: linkid, linkProUri: duri, value: etxt },-->
                <!--xhrFields: { withCredentials: true },-->
                <!--success: function(data, textStatus) {-->
                  <!--//console.log(data);-->
                  <!--if (textStatus == "success") {-->
                    <!--//console.log(data);-->
                    <!--_this.$message({-->
                      <!--message: "编辑成功！",-->
                      <!--type: "error"-->
                    <!--});-->
                  <!--}-->
                <!--}-->
              <!--});-->
            <!--}-->
            <!--temptxt = "";-->
            <!--etxt = "";-->
          <!--});-->
        <!--}-->
      <!--});-->
    <!--},-->
    <!--methods: {-->
      <!--//获取关联图点线信息-->
      <!--getGraph: function() {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--// url:-->
          <!--//   _this.$store.state.unifiedUserUrl10011 +-->
          <!--//   "/case/graph/show/" +-->
          <!--//   _this.pid,-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl + "/graph/list?caseId=" + _this.pid,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--//async:false,-->
          <!--success: function(data) {-->
            <!--let result = JSON.parse(data.data.graphData);-->
            <!--_this.graphId = data.data.id;-->
            <!--_this.cy.json(result);-->
            <!--_this.cy.layout(_this.options).run();-->
            <!--////console.log(cy);-->
            <!--// if (result != null && result != "") {-->
            <!--//   _this.graph = result.data;-->
            <!--//   _this.graph.panningEnabled = true;-->
            <!--//   _this.graph.userPanningEnabled = true;-->
            <!--//   _this.graph.elements.nodes = JSON.parse(-->
            <!--//     JSON.stringify(_this.graph.elements.nodes)-->
            <!--//       .replace(/\"displayname\"\:/g, '"name":')-->
            <!--//       .replace(/\"icon\"\:/g, '"image":')-->
            <!--//   );-->
            <!--//   _this.graph.style = [-->
            <!--//     {-->
            <!--//       selector: "node",-->
            <!--//       style: {-->
            <!--//         height: "30px",-->
            <!--//         width: "30px",-->
            <!--//         shape: "ellipse",-->
            <!--//         "border-color": "#ccc",-->
            <!--//         "border-width": "0px",-->
            <!--//         "border-style": "solid",-->
            <!--//         "background-fit": "cover cover"-->
            <!--//       }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: ":selected",-->
            <!--//       style: {-->
            <!--//         "border-color": "#fc5b32",-->
            <!--//         "border-opacity": "0.8",-->
            <!--//         "border-width": "3px",-->
            <!--//         "border-style": "double"-->
            <!--//       }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: ".chk",-->
            <!--//       style: {-->
            <!--//         "border-color": "#fc5b32",-->
            <!--//         "border-opacity": "0.8",-->
            <!--//         "border-width": "3px",-->
            <!--//         "border-style": "double"-->
            <!--//       }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: ".eating",-->
            <!--//       style: { "border-color": "red" }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: ".eater",-->
            <!--//       style: { "border-width": "8px" }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: "edge",-->
            <!--//       style: {-->
            <!--//         width: "1px",-->
            <!--//         "line-color": "#aaa",-->
            <!--//         "curve-style": "bezier",-->
            <!--//         "target-arrow-shape": "triangle",-->
            <!--//         "target-arrow-color": "#aaa"-->
            <!--//       }-->
            <!--//     },-->
            <!--//     {-->
            <!--//       selector: ".highlight",-->
            <!--//       style: { "line-color": "#F00" }-->
            <!--//     }-->
            <!--//   ];-->
            <!--//   _this.graph.zoomingEnabled = true;-->
            <!--//   _this.graph.userZoomingEnabled = true;-->
            <!--//   _this.graph.panningEnabled = true;-->
            <!--//   _this.graph.userPanningEnabled = true;-->
            <!--//   _this.cy.json(_this.graph);-->
            <!--//   _this.cy.layout(_this.options).run(); ////console.log(cy);-->
            <!--//}-->
            <!--//  else {-->
            <!--//   $.ajax({-->
            <!--//     type: "POST",-->
            <!--//     url: _this.$store.state.apiForwardUrl + "relationgraph",-->
            <!--//     data: { data: JSON.stringify(cy.json()) },-->
            <!--//     async: true,-->
            <!--//     xhrFields: { withCredentials: true },-->
            <!--//     success: function(data, textStatus) {-->
            <!--//       if (textStatus == "success") {-->
            <!--//       }-->
            <!--//     }-->
            <!--//   });-->
            <!--// }-->

            <!--//获取cookie-->
            <!--var newNodes = unescape(getCookie("objdetailData"));-->
            <!--_this.creatNewNodes(newNodes);-->

            <!--//初始化节点、连线-->
            <!--_this.cy.nodes(function(n) {-->
              <!--var node = n.data();-->
              <!--n.style({-->
                <!--"background-image": node["image"],-->
                <!--content: node["name"]-->
              <!--});-->
              <!--n.unselect();-->
            <!--});-->

            <!--//获取时间轴信息-->
            <!--_this.createDemos();-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--//获取cookie数据创建新节点(因为不能持久化即在不同tab页，添加时不能即时反馈到另一个关联页面上，暂时搁置)-->
      <!--creatNewNodes: function(newNodes) {-->
        <!--let _this = this;-->
        <!--if (newNodes != null && newNodes != "null") {-->
          <!--//let newNodes = JSON.parse(newNodes);-->
          <!--//var tempArr = [];-->
          <!--// var postData = {-->
          <!--//   pid: parent.pid,-->
          <!--//   nodes: [],-->
          <!--//   edges: []-->
          <!--// };-->
          <!--//for (var i = 0; i < JSON.parse(newNodes).length; i++) {-->
          <!--// var icon = "";-->
          <!--// //获取实体名称、头像-->
          <!--// $.ajax({-->
          <!--//   type: "get",-->
          <!--//   url:-->
          <!--//     _this.$store.state.apiForwardUrl +-->
          <!--//     "object/" +-->
          <!--//     newNodes[i]["objectUri"],-->
          <!--//   async: false,-->
          <!--//   xhrFields: { withCredentials: true },-->
          <!--//   success: function(data) {-->
          <!--//     icon = data.icon;-->
          <!--//   }-->
          <!--// });-->
          <!--//后台传值的点的格式-->
          <!--//   postData.nodes.push({-->
          <!--//     id: "",-->
          <!--//     displayname: newNodes[i]["displayName"],-->
          <!--//     icon: icon,-->
          <!--//     objecttype: newNodes[i]["type"],-->
          <!--//     objecturi: newNodes[i]["objectUri"],-->
          <!--//     rowkey: newNodes[i]["rowKey"],-->
          <!--//     owneridcard: owneridcard-->
          <!--//   });-->
          <!--// }-->
          <!--// $.ajax({-->
          <!--//   url: _this.$store.state.unifiedUserUrl10011 + "/case/graph/save",-->
          <!--//   type: "post",-->
          <!--//   xhrFields: { withCredentials: true },-->
          <!--//   contentType: "application/json ",-->
          <!--//   data: JSON.stringify(postData),-->
          <!--//   success: function(response) {-->
          <!--//     if (response.status == 200) {-->
          <!--_this.cy.add(-->
            <!--JSON.parse(-->
              <!--newNodes-->
                <!--.replace(/\"displayname\"\:/g, '"name":')-->
                <!--.replace(/\"icon\"\:/g, '"image":')-->
            <!--)-->
          <!--);-->

          <!--//}-->
          <!--setCookie("objdetailData", null);-->
          <!--//   },-->
          <!--//   error: function() {-->
          <!--//     _this.$message({-->
          <!--//       message: "保存数据异常！",-->
          <!--//       type: "error"-->
          <!--//     });-->
          <!--//   }-->
          <!--// });-->
        <!--}-->
      <!--},-->
      <!--//保存关联图-->
      <!--saveGraph() {-->
        <!--let _this = this;-->
        <!--let graphData = this.cy.json();-->
        <!--$.ajax({-->
          <!--url: _this.$store.state.unifiedUserUrl + "/graph/saveOrUpdate",-->
          <!--type: "post",-->
          <!--contentType: "application/json",-->
          <!--data: JSON.stringify({-->
            <!--caseId: _this.pid,-->
            <!--graphData: JSON.stringify(graphData),-->
            <!--id: _this.graphId === "" ? "" : _this.graphId-->
          <!--}),-->
          <!--success: function(data) {-->
            <!--if (data.status == 200) {-->
              <!--_this.$message({-->
                <!--message: "保存数据成功！",-->
                <!--type: "success"-->
              <!--});-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--//初始化websocket-->
      <!--// initWebSocket: function() {-->
      <!--//   let wsuri =-->
      <!--//     "ws://120.131.13.133:10011/caseGraph/" +-->
      <!--//     this.loginMsg.adminUser.xm +-->
      <!--//     "/" +-->
      <!--//     this.loginMsg.adminUser.sfzh +-->
      <!--//     "/" +-->
      <!--//     this.pid;-->
      <!--//   this.websock = new WebSocket(wsuri);-->
      <!--//   this.websock.onopen = function(e) {-->
      <!--//     //console.log(e);-->
      <!--//   };-->
      <!--//   this.websock.onmessage = function(e) {-->
      <!--//     if (document.hidden) {-->
      <!--//       noticeMsg("司南系统有新的研判结果！");-->
      <!--//     }-->
      <!--//     this.getGraph();-->
      <!--//   };-->
      <!--// },-->

      <!--//初始化websocket-->
      <!--// initWebSocket: function() {-->
      <!--//   let wsuri =-->
      <!--//     "ws://120.131.13.133:10011/caseGraph/" +-->
      <!--//     this.loginMsg.adminUser.xm +-->
      <!--//     "/" +-->
      <!--//     this.loginMsg.adminUser.sfzh +-->
      <!--//     "/" +-->
      <!--//     this.pid;-->
      <!--//   this.websock = new WebSocket(wsuri);-->
      <!--//   this.websock.onopen = function(e) {-->
      <!--//     //console.log(e);-->
      <!--//   };-->
      <!--//   this.websock.onmessage = function(e) {-->
      <!--//     if (document.hidden) {-->
      <!--//       noticeMsg("司南系统有新的研判结果！");-->
      <!--//     }-->
      <!--//     this.getGraph();-->
      <!--//   };-->
      <!--// },-->

      <!--//获取快照-->
      <!--getSnapshot: function() {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--// url:-->
          <!--//   _this.$store.state.apiForwardUrl +-->
          <!--//   "relationgraph/" +-->
          <!--//   _this.pid +-->
          <!--//   "/snapshot",-->
          <!--//async:true,-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/graph/list/snapshot?caseId=" +-->
          <!--_this.pid +-->
          <!--"&id=" +-->
          <!--"",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--console.log('data.data',data.data)-->
            <!--_this.snapshotArr = data.data;-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//生成快照-->
      <!--newSnapshot: function() {-->
        <!--let _this = this;-->
        <!--var graph = _this.cy.json(),-->
          <!--snap = _this.cy.png({ full: true });-->
        <!--graph.panningEnabled = true;-->
        <!--graph.userPanningEnabled = true;-->
        <!--this.snap = snap-->
        <!--console.log('graph', graph)-->
        <!--$.ajax({-->
          <!--type: "post",-->
          <!--url: _this.$store.state.unifiedUserUrl + "/relation/save/snapshot",-->
          <!--contentType: "application/json",-->
          <!--data: JSON.stringify({-->
            <!--snapshot: snap,-->
            <!--caseId: _this.pid,-->
            <!--graphData: JSON.stringify(graph)-->
          <!--}),-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data, textStatus) {-->
            <!--_this.getSnapshot();-->
            <!--$(".snapshot").addClass("isFd");-->
            <!--if (textStatus == "success") {-->
              <!--_this.$message({-->
                <!--message: "成功创建快照",-->
                <!--type: "success"-->
              <!--});-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//根据快照ID获取快照数据-->
      <!--getSnapDataById: function(snapid) {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/graph/list/snapshot?caseId=" +-->
          <!--_this.pid +-->
          <!--"&id=" + snapid,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(result) {-->
            <!--_this.graph = result.data;-->
            <!--console.log(_this.graph);-->
            <!--_this.cy.json(JSON.parse(_this.graph[0].graphData));-->
            <!--_this.cy.layout(_this.options).run();-->
            <!--_this.createDemos();-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//根据快照ID删除快照-->
      <!--delSnapData: function(snapid, index) {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "DELETE",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl + "/graph/remove/snapshot?id=" + snapid,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data, textStatus) {-->
            <!--if (data.status == 200) {-->
              <!--_this.$message({-->
                <!--message: "成功删除快照",-->
                <!--type: "success"-->
              <!--});-->
              <!--_this.snapshotArr.splice(index, 1);-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--//切换不同视图-->
      <!--changeLayout: function(type) {-->
        <!--this.options.name = type;-->
        <!--if (this.options.name == "concentric") {-->
          <!--this.options.minNodeSpacing = 60;-->
          <!--this.options.avoidOverlap = true;-->
          <!--//options.concentric=function(ele){ return ele.data('weight'); }-->
          <!--this.options.concentric = function(node) {-->
            <!--return node.totalDegree();-->
            <!--//return node.degree();-->
          <!--};-->
          <!--this.options.levelWidth = function(nodes) {-->
            <!--return 1;-->
          <!--};-->
        <!--}-->
        <!--this.cy.layout(this.options).run();-->
      <!--},-->

      <!--//删除节点-->
      <!--deleteNodes: function() {-->
        <!--let _this = this;-->
        <!--var nodesLength = this.cy.$("node:selected").length;-->
        <!--var nodesArr = this.cy.$("node:selected");-->
        <!--if (nodesLength === 0) {-->
          <!--_this.$message({-->
            <!--message: "请选择要删除的节点！",-->
            <!--type: "error"-->
          <!--});-->
          <!--return;-->
        <!--}-->
        <!--_this.cy.$("node:selected").remove();-->
        <!--// var postData = [];-->
        <!--// for (var i = 0; i < nodesLength; i++) {-->
        <!--//   postData.push(nodesArr[i].id());-->
        <!--//   if (-->
        <!--//     nodesArr[i].data()["owneridcard"].indexOf(this.owneridcard) === -1-->
        <!--//   ) {-->
        <!--//     _this.$message({-->
        <!--//       message: nodesArr[i].data()["name"] + "点非本角色创建，无法删除！",-->
        <!--//       type: "error"-->
        <!--//     });-->
        <!--//     return false;-->
        <!--//   }-->
        <!--// }-->
        <!--// $.ajax({-->
        <!--//   url:-->
        <!--//     _this.$store.state.unifiedUserUrl10011 +-->
        <!--//     "/case/graph/delete/" +-->
        <!--//     _this.pid,-->
        <!--//   type: "post",-->
        <!--//   data: { nodes: postData.toString() },-->
        <!--//   xhrFields: { withCredentials: true },-->
        <!--//   success: function(data) {-->
        <!--//     if (data.status == 200) {-->
        <!--//       _this.$message({-->
        <!--//         message: "删除成功！",-->
        <!--//         type: "success"-->
        <!--//       });-->
        <!--_this.cy.$("node:selected").remove();-->
        <!--//_this.websock.send("update");-->
        <!--//     }-->
        <!--//   }-->
        <!--// });-->
      <!--},-->
      <!--//删除边-->
      <!--deleteEdge() {-->
        <!--let _this = this;-->
        <!--// var nodesLength = this.cy.$(":selected").length;-->
        <!--// var selectedEdge = this.cy.$(":selected");-->
        <!--// if (nodesLength === 0) {-->
        <!--//   _this.$message({-->
        <!--//     message: "请选择要删除的连线！",-->
        <!--//     type: "error"-->
        <!--//   });-->
        <!--//   return;-->
        <!--// }-->
        <!--// console.log(selectedEdge);-->
        <!--let linkId = this.linkid;-->
        <!--if(linkId==""){-->
          <!--_this.$message({-->
            <!--message: "请选择要删除的连线！",-->
            <!--type: "error"-->
          <!--});-->
          <!--return;-->
        <!--}-->
        <!--$.ajax({-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/relation/removeEdge?linkId=" +-->
          <!--linkId,-->
          <!--type: "delete",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--if (data.status == 200) {-->
              <!--_this.$message({-->
                <!--message: "删除成功！",-->
                <!--type: "success"-->
              <!--});-->
              <!--_this.cy.remove("edge.highlight");-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--//共享功能-->
      <!--// share: function() {-->
      <!--//   let _this = this;-->
      <!--//   $.ajax({-->
      <!--//     url:-->
      <!--//       _this.$store.state.unifiedUserUrl10011 +-->
      <!--//       "/case/graph/share/" +-->
      <!--//       _this.pid,-->
      <!--//     type: "post",-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     success: function(data) {-->
      <!--//       //console.log(data);-->
      <!--//       if (data.status == 200) {-->
      <!--//         _this.$message({-->
      <!--//           message: "共享成功！",-->
      <!--//           type: "success"-->
      <!--//         });-->
      <!--//         _this.websock.send("update");-->
      <!--//       }-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->

      <!--// //导入PIM文件-->
      <!--// importPIM: function() {-->
      <!--//   let _this = this;-->
      <!--//   $("input[type=file].JQ-fileField").click();-->
      <!--//   $("input[type=file]").change(function(e) {-->
      <!--//     var fileObj = document.getElementById("fileField").files[0]; // js 获取文件对象-->
      <!--//     var formFile = new FormData();-->
      <!--//     formFile.append("pimxml", fileObj); //加入文件对象-->
      <!--//     var data = formFile;-->
      <!--//     $.ajax({-->
      <!--//       url: _this.$store.state.apiForwardUrl + "relationgraph/upload/pxml",-->
      <!--//       data: formFile,-->
      <!--//       type: "post",-->
      <!--//       xhrFields: {-->
      <!--//         withCredentials: true-->
      <!--//       },-->
      <!--//       cache: false, //上传文件无需缓存-->
      <!--//       async: false,-->
      <!--//       processData: false, //用于对data参数进行序列化处理 这里必须false-->
      <!--//       contentType: false,-->
      <!--//       success: function(result) {-->
      <!--//         alert("导入成功！");-->
      <!--//       },-->
      <!--//       error: function(result) {-->
      <!--//         alert("导入失败");-->
      <!--//       }-->
      <!--//     });-->
      <!--//   });-->
      <!--// },-->

      <!--//框选-->
      <!--boxselection: function() {-->
        <!--this.boxIschked = !this.boxIschked;-->
        <!--if (this.boxIschked) {-->
          <!--this.cy.panningEnabled(false);-->
          <!--this.cy.userPanningEnabled(false);-->
        <!--} else {-->
          <!--this.cy.panningEnabled(true);-->
          <!--this.cy.userPanningEnabled(true);-->
        <!--}-->
      <!--},-->

      <!--//时间轴-->
      <!--createDemos: function() {-->
        <!--let _this = this;-->
        <!--var Months = [-->
          <!--"1月",-->
          <!--"2月",-->
          <!--"3月",-->
          <!--"4月",-->
          <!--"5月",-->
          <!--"6月",-->
          <!--"7月",-->
          <!--"8月",-->
          <!--"9月",-->
          <!--"10月",-->
          <!--"11月",-->
          <!--"12月"-->
        <!--];-->
        <!--// if (this.graph != null && this.graph != "") {-->
        <!--//   var linkarr = this.graph["elements"]["edges"],-->
        <!--//     minarr = [],-->
        <!--//     maxarr = [],-->
        <!--//     minT = 0,-->
        <!--//     maxT = 0;-->
        <!--//   this.cy.nodes(function(n) {-->
        <!--//     var node = n.data();-->
        <!--//     n.style({ "background-image": node["image"], content: node["name"] });-->
        <!--//     n.unselect();-->
        <!--//   });-->
        <!--//   this.graph = this.cy.json();-->
        <!--//   if (linkarr != null && linkarr.length > 0) {-->
        <!--//     for (var i = 0; i < linkarr.length; i++) {-->
        <!--//       minarr.push(linkarr[i].data.starttime);-->
        <!--//       maxarr.push(linkarr[i].data.endtime);-->
        <!--//     }-->
        <!--//     minT = Math.min.apply(null, minarr);-->
        <!--//     maxT = Math.max.apply(null, maxarr);-->
        <!--//     this.dateSilderObj = this.date.dateRangeSlider({-->
        <!--//       arrows: true, //是否显示左右箭头-->
        <!--//       bounds: { min: new Date(minT), max: new Date(maxT) }, //最大 最少日期-->
        <!--//       defaultValues: { min: new Date(minT), max: new Date(maxT) }, //默认选中区域-->
        <!--//       scales: [-->
        <!--//         {-->
        <!--//           first: function(value) {-->
        <!--//             return value;-->
        <!--//           },-->
        <!--//           end: function(value) {-->
        <!--//             return value;-->
        <!--//           },-->
        <!--//           next: function(val) {-->
        <!--//             var next = new Date(val);-->
        <!--//             return new Date(next.setMonth(next.getMonth() + 1));-->
        <!--//           },-->
        <!--//           label: function(val) {-->
        <!--//             return Months[val.getMonth()];-->
        <!--//           },-->
        <!--//           format: function(tickContainer, tickStart, tickEnd) {-->
        <!--//             tickContainer.addClass("myCustomClass");-->
        <!--//           }-->
        <!--//         }-->
        <!--//       ]-->
        <!--//     }); //日期控件-->
        <!--//     //重新赋值（整个时间轴）-->
        <!--//     this.dateSilderObj.dateRangeSlider(-->
        <!--//       "bounds",-->
        <!--//       new Date(minT),-->
        <!--//       new Date(maxT)-->
        <!--//     );-->
        <!--//     //重新赋值（选中区域）-->
        <!--//     this.dateSilderObj.dateRangeSlider(-->
        <!--//       "values",-->
        <!--//       new Date(minT),-->
        <!--//       new Date(minT)-->
        <!--//     );-->
        <!--//     //拖动完毕后的事件-->
        <!--//     this.dateSilderObj.bind("valuesChanged", function(e, data) {-->
        <!--//       _this.cy.$("edge:selected").remove();-->
        <!--//       var val = data.values;-->
        <!--//       var stime = formatDate(val.min);-->
        <!--//       var etime = formatDate(val.max);-->
        <!--//       for (var i = 0; i < linkarr.length; i++) {-->
        <!--//         if (-->
        <!--//           linkarr[i].data.starttime >= val.min &&-->
        <!--//           linkarr[i].data.endtime <= val.max-->
        <!--//         ) {-->
        <!--//           _this.cy.add({-->
        <!--//             data: {-->
        <!--//               source: linkarr[i].data.source,-->
        <!--//               target: linkarr[i].data.target-->
        <!--//             },-->
        <!--//             position: {},-->
        <!--//             group: "edges",-->
        <!--//             removed: false,-->
        <!--//             selected: true,-->
        <!--//             selectable: true,-->
        <!--//             locked: false,-->
        <!--//             grabbable: true,-->
        <!--//             classes: "highlight",-->
        <!--//             custom: true-->
        <!--//           });-->
        <!--//         } else {-->
        <!--//           //linkarr[i]["color"]='#eee';-->
        <!--//         }-->
        <!--//       }-->
        <!--//     });-->
        <!--//   } else {-->
        <!--//     //快照中没有线的情况-->
        <!--//     _this.cy.nodes(function(n) {-->
        <!--//       var node = n.data();-->
        <!--//       n.style({-->
        <!--//         "background-image": node["image"],-->
        <!--//         content: node["name"]-->
        <!--//       });-->
        <!--//       n.unselect();-->
        <!--//     });-->
        <!--//     _this.graph = _this.cy.json();-->
        <!--//   }-->
        <!--// }-->
      <!--},-->

      <!--//导出-->
      <!--// daochuDBD: function() {-->
      <!--//   var url = this.$store.state.apiForwardUrl + "relationgraph/export/pxml";-->
      <!--//   var form = $("<form></form>")-->
      <!--//     .attr("action", url)-->
      <!--//     .attr("method", "post");-->
      <!--//   form.append(-->
      <!--//     $("<input></input>")-->
      <!--//       .attr("type", "hidden")-->
      <!--//       .attr("name", "taskid")-->
      <!--//       .attr("value", "1")-->
      <!--//   );-->
      <!--//   form-->
      <!--//     .appendTo("body")-->
      <!--//     .submit()-->
      <!--//     .remove();-->
      <!--// },-->
      <!--//导出报告-->
      <!--// exportClick: function() {-->
      <!--//   let _this = this;-->
      <!--//   $.ajax({-->
      <!--//     type: "get",-->
      <!--//     url:-->
      <!--//       _this.$store.state.apiForwardUrl +-->
      <!--//       "relationgraph/" +-->
      <!--//       _this.pid +-->
      <!--//       "/snapshot",-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     success: function(data) {-->
      <!--//       _this.exportReportImgArr = data;-->
      <!--//       _this.exportReportVisible = true;-->
      <!--//       _this.documentRead();-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->
      <!--// imgClick: function(event) {-->
      <!--//   $(event.target)-->
      <!--//     .parent()-->
      <!--//     .find("p")-->
      <!--//     .toggleClass("xuanzhong");-->
      <!--// },-->
      <!--// documentRead: function() {-->
      <!--//   // 正在拖动的图片的父级DIV-->
      <!--//   var $srcImgDiv = null;-->
      <!--//   // 开始拖动-->
      <!--//   $(".img-div img").bind("dragstart", function() {-->
      <!--//     $srcImgDiv = $(this).parent();-->
      <!--//   });-->

      <!--//   // 拖动到.drop-left,.drop-right上方时触发的事件-->
      <!--//   $(".drop-left,.drop-right").bind("dragover", function(event) {-->
      <!--//     // 必须通过event.preventDefault()来设置允许拖放-->
      <!--//     event.preventDefault();-->
      <!--//   });-->

      <!--//   // 结束拖动放开鼠标的事件-->
      <!--//   $(".drop-left").bind("drop", function(event) {-->
      <!--//     event.preventDefault();-->
      <!--//     if ($srcImgDiv[0] != $(this).parent()[0]) {-->
      <!--//       $(this)-->
      <!--//         .parent()-->
      <!--//         .before($srcImgDiv);-->
      <!--//     }-->
      <!--//   });-->
      <!--//   $(".drop-right").bind("drop", function(event) {-->
      <!--//     event.preventDefault();-->
      <!--//     if ($srcImgDiv[0] != $(this).parent()[0]) {-->
      <!--//       $(this)-->
      <!--//         .parent()-->
      <!--//         .after($srcImgDiv);-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->
      <!--// confirmExportReport() {-->
      <!--//   var ids = new Array();-->
      <!--//   $(".xuanzhong").each(function(i) {-->
      <!--//     var vs = $(this)-->
      <!--//       .parent()-->
      <!--//       .find("img")-->
      <!--//       .attr("data-id");-->
      <!--//     ids.push(vs);-->
      <!--//   });-->
      <!--//   var str = ids.join(",");-->
      <!--//   var url = this.$store.state.apiForwardUrl + "export/snapshot";-->
      <!--//   //$.get(url);-->
      <!--//   var form = $("<form></form>")-->
      <!--//     .attr("action", url)-->
      <!--//     .attr("method", "post");-->
      <!--//   //form.append($("<input></input>").attr("type", "hidden").attr("name", "dsId").attr("value", id));-->
      <!--//   form.append(-->
      <!--//     $("<input></input>")-->
      <!--//       .attr("type", "hidden")-->
      <!--//       .attr("name", "snapshotIds")-->
      <!--//       .attr("value", str)-->
      <!--//   );-->
      <!--//   form-->
      <!--//     .appendTo("body")-->
      <!--//     .submit()-->
      <!--//     .remove();-->
      <!--// },-->

      <!--//初始化关联图右键菜单-->
      <!--initGraphMenu: function() {-->
        <!--let _this = this;-->
        <!--//定义容器-->
        <!--var container = document.querySelector(".h-context-menu");-->
        <!--//定义中心点-->
        <!--var centerX = container.clientWidth / 2,-->
          <!--centerY = container.clientHeight / 2;-->
        <!--//定义层数（几层对应几个数组）-->
        <!--var menus_0 = [-->
          <!--// list-->
          <!--{-->
            <!--// map-->
            <!--name: "NameInfo", // ennamealias-->
            <!--caption: "关联", /// name-->
            <!--icon: "./js/images/relation-ico.png", // 1.png-->
            <!--rotate: "36",-->
            <!--top: "-20",-->
            <!--left: "-77",-->
            <!--menuList: {-->
              <!--//  map-->
              <!--radiusStep: 5,-->
              <!--//icon: '../images/姓名.png',-->
              <!--offsetRadius: 48,-->
              <!--items: [-->
                <!--// list-->
                <!--{-->
                  <!--name: "cnName1",-->
                  <!--caption: "关联事件",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "100",-->
                  <!--top: "-30",-->
                  <!--left: "-120",-->
                  <!--func: function() {-->
                    <!--_this.relationFun(_this.cxtrowkey, "event");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName2",-->
                  <!--caption: "关联实体",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "53",-->
                  <!--top: "-25",-->
                  <!--left: "-120",-->
                  <!--func: function() {-->
                    <!--_this.relationFun(_this.cxtrowkey, "entity");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName3",-->
                  <!--caption: "关联文件",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "7",-->
                  <!--top: "-22",-->
                  <!--left: "-120",-->
                  <!--func: function() {-->
                    <!--_this.relationFun(_this.cxtrowkey, "doc");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName4",-->
                  <!--caption: "关联媒体",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "320",-->
                  <!--top: "-20",-->
                  <!--left: "-120",-->
                  <!--func: function() {-->
                    <!--_this.relationFun(_this.cxtrowkey, "media");-->
                  <!--}-->
                <!--}-->
              <!--]-->
            <!--}-->
          <!--},-->
          <!--{-->
            <!--// map-->
            <!--name: "NameInfo", // ennamealias-->
            <!--caption: "属性", /// name-->
            <!--icon: "./js/images/look-ico.png", // 1.png-->
            <!--rotate: "-90",-->
            <!--top: "-25",-->
            <!--left: "-77",-->
            <!--func: function() {-->
              <!--window.location.href = "obj-show-obj.html";-->
            <!--},-->
            <!--menuList: {-->
              <!--//  map-->
            <!--}-->
          <!--},-->
          <!--{-->
            <!--// map-->
            <!--name: "NameInfo", // ennamealias-->
            <!--caption: "删除关联", /// name-->
            <!--icon: "./js/images/del-ico.png", // 1.png-->
            <!--rotate: "-210",-->
            <!--top: "-20",-->
            <!--left: "-92",-->
            <!--menuList: {-->
              <!--//  map-->
              <!--radiusStep: 5,-->
              <!--icon: "./image/姓名.png",-->
              <!--offsetRadius: 48,-->
              <!--items: [-->
                <!--// list-->
                <!--{-->
                  <!--name: "cnName1",-->
                  <!--caption: "删除自身",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "60",-->
                  <!--top: "-25",-->
                  <!--left: "100",-->
                  <!--func: function() {-->
                    <!--var j = _this.cy.$("#" + _this.cxtrowkey);-->
                    <!--_this.cy.remove(j);-->
                    <!--_this.graph = _this.cy.json();-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName2",-->
                  <!--caption: "删除关联事件",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "15",-->
                  <!--top: "-25",-->
                  <!--left: "95",-->
                  <!--func: function() {-->
                    <!--_this.relationDel(_this.cxturi, _this.cxtrowkey, "event");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName3",-->
                  <!--caption: "删除关联实体",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "-32",-->
                  <!--top: "-25",-->
                  <!--left: "95",-->
                  <!--func: function() {-->
                    <!--_this.relationDel(_this.cxturi, _this.cxtrowkey, "entity");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName4",-->
                  <!--caption: "删除关联文件",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "-75",-->
                  <!--top: "-25",-->
                  <!--left: "95",-->
                  <!--func: function() {-->
                    <!--_this.relationDel(_this.cxturi, _this.cxtrowkey, "doc");-->
                  <!--}-->
                <!--},-->
                <!--{-->
                  <!--name: "cnName5",-->
                  <!--caption: "删除关联媒体",-->
                  <!--//icon: './image/ai.png'-->
                  <!--rotate: "-120",-->
                  <!--top: "-25",-->
                  <!--left: "95",-->
                  <!--func: function() {-->
                    <!--_this.relationDel(_this.cxturi, _this.cxtrowkey, "media");-->
                  <!--}-->
                <!--}-->
              <!--]-->
            <!--}-->
          <!--}-->
        <!--];-->

        <!--var contextMenu = new HERE.UI.AnnularMenu({-->
          <!--menuList: {-->
            <!--offsetRadius: 48,-->
            <!--items: menus_0-->
          <!--}-->
        <!--});-->
        <!--//定义中心点-->
        <!--var element = contextMenu.render({-->
          <!--x: _this.posx,-->
          <!--y: _this.posy-->
        <!--});-->
        <!--//绑定事件-->
        <!--var D = $(document).data("func", {});-->
        <!--contextMenu.addEventListener("menuClick", function(e) {-->
          <!--var tempFun = e.data.func;-->
          <!--// tempFun();-->
          <!--var target = e.target;-->
          <!--contextMenu.selectMenuEl(target);-->
          <!--_this.ctxmenuHtml = "";-->
        <!--});-->
        <!--//将中心点放到页面上-->
        <!--container.appendChild(element);-->
      <!--},-->

      <!--//鼠标移上节点时显示详细信息-->
      <!--essentialInfo: function(uritemp, rowkeytemp, tempx, tempy) {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"object/" +-->
          <!--uritemp +-->
          <!--"/instance/" +-->
          <!--rowkeytemp +-->
          <!--"/property",-->
          <!--async: false,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--_this.essentialInfoVisible = true;-->
            <!--_this.essentialInfoArr = data;-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--//添加协作人-->
      <!--// displayAddHelper: function() {-->
      <!--//   let _this = this;-->
      <!--//   this.addHelperVisible = true;-->
      <!--//   $.ajax({-->
      <!--//     url: _this.$store.state.unifiedUserUrl + "/admin/dep/search/tree",-->
      <!--//     type: "get",-->
      <!--//     xhrFields: {-->
      <!--//       withCredentials: true-->
      <!--//     },-->
      <!--//     success: function(response) {-->
      <!--//       _this.depTree = response;-->
      <!--//     },-->
      <!--//     error: function(xhr, textstatus, thrown) {}-->
      <!--//   });-->
      <!--// },-->
      <!--// addHelper: function() {-->
      <!--//   if ($("input[name=helper]").length === 0) {-->
      <!--//     _this.$message({-->
      <!--//       message: "请选择协作人！",-->
      <!--//       type: "error"-->
      <!--//     });-->
      <!--//     return;-->
      <!--//   }-->
      <!--//   var xm = $("input[name=helper]")-->
      <!--//       .parents("tr")-->
      <!--//       .find("td")-->
      <!--//       .eq(1)-->
      <!--//       .html(),-->
      <!--//     sfzh = $("input[name=helper]")-->
      <!--//       .parents("tr")-->
      <!--//       .find("td")-->
      <!--//       .eq(2)-->
      <!--//       .html(),-->
      <!--//     sjhm = $("input[name=helper]")-->
      <!--//       .parents("tr")-->
      <!--//       .find("td")-->
      <!--//       .eq(3)-->
      <!--//       .html(),-->
      <!--//     jh = $("input[name=helper]")-->
      <!--//       .parents("tr")-->
      <!--//       .find("td")-->
      <!--//       .eq(4)-->
      <!--//       .html(),-->
      <!--//     depcode = $("#did").val(),-->
      <!--//     depname = $("#dname").val();-->
      <!--//   var postData = {-->
      <!--//     xm: xm,-->
      <!--//     sfzh: sfzh,-->
      <!--//     sjhm: sjhm,-->
      <!--//     jh: jh,-->
      <!--//     depcode: depcode,-->
      <!--//     depname: depname-->
      <!--//   };-->
      <!--//   $.ajax({-->
      <!--//     url: unifiedUserUrl10011 + "/case/saveHelper/" + parent.pid,-->
      <!--//     type: "post",-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     data: postData,-->
      <!--//     success: function(data) {-->
      <!--//       //console.log(data);-->
      <!--//       if (data.status == 200) {-->
      <!--//         alert("添加协作人成功！");-->
      <!--//       }-->
      <!--//     },-->
      <!--//     error: function() {-->
      <!--//       //console.log("添加出错！请与管理员联系。");-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->

      <!--//导出案件数据-->
      <!--// exportCase: function() {-->
      <!--//   let _this = this;-->
      <!--//   var selectedNodes = this.cy.$("node:selected");-->
      <!--//   var selectedNodesArr = [];-->
      <!--//   if (selectedNodes.length === 0) {-->
      <!--//     selectedNodes = this.cy.json().elements.nodes;-->
      <!--//     for (var i = 0; i < selectedNodes.length; i++) {-->
      <!--//       selectedNodesArr.push(selectedNodes[i].data.id);-->
      <!--//     }-->
      <!--//   } else {-->
      <!--//     for (var i = 0; i < selectedNodes.length; i++) {-->
      <!--//       selectedNodesArr.push(selectedNodes[i].id());-->
      <!--//     }-->
      <!--//   }-->
      <!--//   //console.log(selectedNodes);-->
      <!--//   this.exportCaseDataVisible = true;-->
      <!--//   if (!this.exportCaseData) {-->
      <!--//     $.ajax({-->
      <!--//       url:-->
      <!--//         _this.$store.state.unifiedUserUrl10011 +-->
      <!--//         "/task/formInfo/" +-->
      <!--//         _this.pid,-->
      <!--//       type: "get",-->
      <!--//       xhrFields: { withCredentials: true },-->
      <!--//       success: function(data) {-->
      <!--//         //console.log(data);-->
      <!--//         if (data.status == 200) {-->
      <!--//           var getData = data.data;-->
      <!--//           _this.exportCaseData = getData;-->
      <!--//           $("#casenum").val(getData.casenum);-->
      <!--//           $("#casename").val(getData.casename);-->
      <!--//           $("#docnum").val(getData.docnum);-->
      <!--//           $("#description").val(getData.description);-->
      <!--//           //案件笔录-->
      <!--//           var ajbl_str = "";-->
      <!--//           for (var i = 0; i < getData.ajbl.length; i++) {-->
      <!--//             ajbl_str +=-->
      <!--//               '<div class="singleImg"><img src="data:image/png;base64,' +-->
      <!--//               getData.ajbl[i].data +-->
      <!--//               '" width="100%" /><div class="imageInfo">' +-->
      <!--//               '<input type="checkbox" value="' +-->
      <!--//               getData.ajbl[i].id +-->
      <!--//               '"></div></div>';-->
      <!--//           }-->
      <!--//           $("#ajbl").html(ajbl_str);-->
      <!--//           //立案决定书-->
      <!--//           var lajds_str = "";-->
      <!--//           for (var i = 0; i < getData.lajds.length; i++) {-->
      <!--//             lajds_str +=-->
      <!--//               '<div class="singleImg"><img src="data:image/png;base64,' +-->
      <!--//               getData.lajds[i].data +-->
      <!--//               '" width="100%" /><div class="imageInfo">' +-->
      <!--//               '<input type="checkbox" value="' +-->
      <!--//               getData.lajds[i].id +-->
      <!--//               '"></div></div>';-->
      <!--//           }-->
      <!--//           $("#lajds").html(lajds_str);-->
      <!--//           //受案登记表-->
      <!--//           var sadjb_str = "";-->
      <!--//           for (var i = 0; i < getData.sadjb.length; i++) {-->
      <!--//             sadjb_str +=-->
      <!--//               '<div class="singleImg"><img src="data:image/png;base64,' +-->
      <!--//               getData.sadjb[i].data +-->
      <!--//               '" width="100%" /><div class="imageInfo">' +-->
      <!--//               '<input type="checkbox" value="' +-->
      <!--//               getData.sadjb[i].id +-->
      <!--//               '"></div></div>';-->
      <!--//           }-->
      <!--//           $("#sadjb").html(sadjb_str);-->
      <!--//         }-->
      <!--//       }-->
      <!--//     });-->
      <!--//   }-->
      <!--// },-->
      <!--//导出案件数据——确认-->
      <!--// confirmExportCaseData: function() {-->
      <!--//   let _this = this;-->
      <!--//   if (-->
      <!--//     $("#taskname")-->
      <!--//       .val()-->
      <!--//       .trim() === ""-->
      <!--//   ) {-->
      <!--//     alert("任务名称不能为空！");-->
      <!--//     return;-->
      <!--//   }-->
      <!--//   //判断单位是否为空-->
      <!--//   if (-->
      <!--//     $("#checkDep")-->
      <!--//       .val()-->
      <!--//       .trim() === ""-->
      <!--//   ) {-->
      <!--//     alert("单位名称不能为空！");-->
      <!--//     return;-->
      <!--//   }-->
      <!--//   //判断案件笔录是否有选中文件-->
      <!--//   var ajbl_check = $("#ajbl").find("input[type=checkbox]:checked");-->
      <!--//   if (ajbl_check.length === 0) {-->
      <!--//     alert("请选择至少一个案件笔录！");-->
      <!--//     return;-->
      <!--//   } else {-->
      <!--//     var ajbl_arr = [];-->
      <!--//     for (var i = 0; i < ajbl_check.length; i++) {-->
      <!--//       ajbl_arr.push(ajbl_check[i].value);-->
      <!--//     }-->
      <!--//   }-->
      <!--//   //判断立案决定书是否有选中文件-->
      <!--//   var lajds_check = $("#lajds").find("input[type=checkbox]:checked");-->
      <!--//   if (lajds_check.length === 0) {-->
      <!--//     alert("请选择至少一个立案决定书！");-->
      <!--//     return;-->
      <!--//   } else {-->
      <!--//     var lajds_arr = [];-->
      <!--//     for (var i = 0; i < lajds_check.length; i++) {-->
      <!--//       lajds_arr.push(lajds_check[i].value);-->
      <!--//     }-->
      <!--//   }-->
      <!--//   //判断受案登记表是否有选中文件-->
      <!--//   var sadjb_check = $("#sadjb").find("input[type=checkbox]:checked");-->
      <!--//   if (sadjb_check.length === 0) {-->
      <!--//     alert("请选择至少一个受案登记表！");-->
      <!--//     return;-->
      <!--//   } else {-->
      <!--//     var sadjb_arr = [];-->
      <!--//     for (var i = 0; i < sadjb_check.length; i++) {-->
      <!--//       sadjb_arr.push(sadjb_check[i].value);-->
      <!--//     }-->
      <!--//   }-->
      <!--//   var postData = {-->
      <!--//     pid: parent.pid,-->
      <!--//     taskinfo: {-->
      <!--//       affiliationdepcode: $("#affiliationdepcode").val(),-->
      <!--//       affiliationdepname: $("#affiliationdepname").val(),-->
      <!--//       taskname: $("#taskname").val(),-->
      <!--//       casenum: $("#casenum").val(),-->
      <!--//       casename: $("#casename").val(),-->
      <!--//       docnum: $("#docnum").val(),-->
      <!--//       description: $("#description").val(),-->
      <!--//       ajbl: ajbl_arr,-->
      <!--//       lajds: lajds_arr,-->
      <!--//       sadjb: sadjb_arr-->
      <!--//     },-->
      <!--//     nodes: parent.checkedNodes-->
      <!--//   };-->
      <!--//   $.ajax({-->
      <!--//     url: _this.$store.state.unifiedUserUrl10011 + "/task/save",-->
      <!--//     type: "post",-->
      <!--//     data: JSON.stringify(postData),-->
      <!--//     contentType: "application/json",-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     success: function(content, status, request) {-->
      <!--//       //console.log(content);-->
      <!--//       window.open(-->
      <!--//         _this.$store.state.unifiedUserUrl10011 +-->
      <!--//           "/task/download/" +-->
      <!--//           content.data-->
      <!--//       );-->
      <!--//       alert("导出案件数据成功！");-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->
      <!--//锁定-->
      <!--// locking: function() {-->
      <!--//   this.prvotalFun(0, this.$store.state.apiForwardUrl + "graph/searchGang");-->
      <!--// },-->
      <!--// prvotalFun: function(val, linkurl) {-->
      <!--//   let _this = this;-->
      <!--//   $.ajax({-->
      <!--//     type: "get",-->
      <!--//     url: linkurl,-->
      <!--//     //timeout:30000,-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     success: function(datas) {-->
      <!--//       //console.log(datas);-->
      <!--//       var eles;-->
      <!--//       if (datas != null) {-->
      <!--//         var tempArr = [],-->
      <!--//           linkArr = [];-->
      <!--//         var ndid;-->
      <!--//         var total = datas.total,-->
      <!--//           data = datas.result;-->
      <!--//         //console.log(total);-->
      <!--//         //console.log(data);-->
      <!--//         var strHtml = "";-->
      <!--//         for (var i = 0; i < total.length; i++) {-->
      <!--//           strHtml += "<tr>";-->
      <!--//           strHtml +=-->
      <!--//             '<td class="TxR FsH9"><a class="orientate" data-rowkey="' +-->
      <!--//             total[i][0]["rowkey"] +-->
      <!--//             '" href="javascript:">' +-->
      <!--//             total[i][0]["displayName"] +-->
      <!--//             '</a>：</td><td><span class="census"><a class="orientate" data-rowkey="' +-->
      <!--//             total[i][0]["rowkey"] +-->
      <!--//             '" href="javascript:">' +-->
      <!--//             total[i][0]["count"] +-->
      <!--//             "</a></span></td>";-->
      <!--//           strHtml += "</tr>";-->
      <!--//         }-->
      <!--//         $("#Statistics").html(strHtml);-->
      <!--//         //点击选中节点-->
      <!--//         $("a.orientate").on("click", function() {-->
      <!--//           var rk = $(this).attr("data-rowkey");-->
      <!--//           _this.cy.$("node").removeClass("chk");-->
      <!--//           //相关节点连线高亮显示-->
      <!--//           _this.cy.edges(function(n) {-->
      <!--//             var edge = n.data();-->
      <!--//             n.classes("");-->
      <!--//             //cy.$('node').removeClass('selected');-->
      <!--//             if (edge.source == rk || edge.target == rk) {-->
      <!--//               n.classes("highlight");-->
      <!--//               _this.cy.$("#" + edge.target).addClass("chk");-->
      <!--//             }-->
      <!--//           });-->
      <!--//         });-->
      <!--//         if (data != null && data.length > 0) {-->
      <!--//           for (var i = 0; i < data.length; i++) {-->
      <!--//             for (var j = 0; j < data[i].length; j++) {-->
      <!--//               ndid = data[i][0]["rowKey"];-->
      <!--//               var tempx = getRandom(nodeW, cy.width() - nodeW),-->
      <!--//                 tempy = getRandom(nodeH, cy.height() - nodeH);-->
      <!--//               tempArr.push({-->
      <!--//                 data: {-->
      <!--//                   id: data[i][j]["rowKey"],-->
      <!--//                   name: data[i][j]["displayName"],-->
      <!--//                   image: data[i][j]["icon"],-->
      <!--//                   //"label": data[i][j]["displayName"],-->
      <!--//                   uri: data[i][j]["objectUri"],-->
      <!--//                   rowkey: data[i][j]["rowKey"],-->
      <!--//                   linkuri: data[i][0]["linkUri"]-->
      <!--//                 },-->
      <!--//                 position: {-->
      <!--//                   x: tempx,-->
      <!--//                   y: tempy-->
      <!--//                 },-->
      <!--//                 style: {-->
      <!--//                   content: data[i][j]["displayName"],-->
      <!--//                   "background-image": data[i][j]["icon"]-->
      <!--//                 },-->
      <!--//                 group: "nodes",-->
      <!--//                 removed: false,-->
      <!--//                 selected: false,-->
      <!--//                 selectable: true,-->
      <!--//                 locked: false,-->
      <!--//                 grabbable: true,-->
      <!--//                 classes: ""-->
      <!--//               });-->
      <!--//             }-->

      <!--//             if (data[i].length > 1) {-->
      <!--//               if (data[i][0]["rowKey"] != data[i][1]["rowKey"]) {-->
      <!--//                 linkArr.push({-->
      <!--//                   data: {-->
      <!--//                     linkid: data[i][0]["linkId"],-->
      <!--//                     source: data[i][0]["rowKey"],-->
      <!--//                     target: data[i][1]["rowKey"],-->
      <!--//                     linklabel: data[i][0]["linkDisplayName"],-->
      <!--//                     linkuri: data[i][0]["linkUri"]-->
      <!--//                   },-->
      <!--//                   position: {},-->
      <!--//                   group: "edges",-->
      <!--//                   removed: false,-->
      <!--//                   selected: true,-->
      <!--//                   selectable: true,-->
      <!--//                   locked: false,-->
      <!--//                   grabbable: true,-->
      <!--//                   custom: true-->
      <!--//                 });-->
      <!--//               }-->
      <!--//             }-->
      <!--//           }-->

      <!--//           eles = _this.cy.add(tempArr);-->
      <!--//           _this.cy.add(linkArr);-->
      <!--//           _this.graph = _this.cy.json();-->
      <!--//         }-->
      <!--//       }-->

      <!--//       _this.options = {-->
      <!--//         name: "cose-bilkent",-->
      <!--//         nodeDimensionsIncludeLabels: true,-->
      <!--//         idealEdgeLength: 150,-->
      <!--//         concentric: function(node) {-->
      <!--//           return node.degree();-->
      <!--//         },-->
      <!--//         levelWidth: function(nodes) {-->
      <!--//           return 1;-->
      <!--//         },-->
      <!--//         tile: false,-->
      <!--//         padding: 100,-->
      <!--//         randomize: true,-->
      <!--//         directed: false,-->
      <!--//         avoidOverlap: true-->
      <!--//       };-->
      <!--//       _this.cy.layout(_this.options).run();-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->
      <!--//最短路径-->
      <!--// beeline: function() {-->
      <!--//   var chknum = 0;-->
      <!--//   chknum = this.cy.$("node:selected").length;-->
      <!--//   let _this = this;-->
      <!--//   ////console.log(chknum);-->
      <!--//   if (chknum > 0) {-->
      <!--//     if (!$(this).hasClass("ischked")) {-->
      <!--//       $(this).addClass("ischked");-->
      <!--//       _this.primaryId = _this.cy.$("node:selected").data()["objecturi"];-->
      <!--//       _this.primaryRowkey = _this.cy.$("node:selected").id();-->
      <!--//     } else {-->
      <!--//       $(this).removeClass("ischked");-->
      <!--//       _this.primaryId = "";-->
      <!--//       _this.primaryRowkey = "";-->
      <!--//     }-->
      <!--//   } else {-->
      <!--//     alert("请选择一个节点");-->
      <!--//   }-->
      <!--// },-->
      <!--// //是否选中最短路径-->
      <!--// isbeeline: function() {-->
      <!--//   var chked = false;-->
      <!--//   if ($(".beeline").hasClass("ischked")) {-->
      <!--//     chked = true;-->
      <!--//   } else {-->
      <!--//     chked = false;-->
      <!--//   }-->
      <!--//   return chked;-->
      <!--// },-->
      <!--// shortestPath: function() {-->
      <!--//   let _this = this;-->
      <!--//   var primaryId = _this.primaryId,-->
      <!--//     primaryRowkey = _this.primaryRowkey,-->
      <!--//     secondaryId = _this.secondaryId,-->
      <!--//     secondaryRowkey = _this.secondaryRowkey;-->

      <!--//   var strCont = "";-->
      <!--//   var nodefirst =-->
      <!--//     '{"objectUri":"' + primaryId + '","rowKey":"' + primaryRowkey + '"}';-->
      <!--//   var nodesecond =-->
      <!--//     '{"objectUri":"' +-->
      <!--//     secondaryId +-->
      <!--//     '","rowKey":"' +-->
      <!--//     secondaryRowkey +-->
      <!--//     '"}';-->
      <!--//   ////console.log(nodefirst);//console.log(nodesecond);-->
      <!--//   $.ajax({-->
      <!--//     type: "get",-->
      <!--//     url:-->
      <!--//       _this.$store.state.apiForwardUrl + "object/instance/shortestpath",-->
      <!--//     data: { source: nodefirst, target: nodesecond },-->
      <!--//     xhrFields: { withCredentials: true },-->
      <!--//     success: function(data) {-->
      <!--//       ////console.log(data);-->

      <!--//       strCont += '<div class="feelineBox"><ul>';-->
      <!--//       for (var i = 0; i < data.length; i++) {-->
      <!--//         var temprk = "";-->
      <!--//         for (var j = 0; j < data[i].length; j++) {-->
      <!--//           temprk += data[i][j]["rowKey"] + ",";-->
      <!--//         }-->
      <!--//         if (temprk.length > 0) {-->
      <!--//           temprk = temprk.substring(0, temprk.length - 1);-->
      <!--//         }-->
      <!--//         strCont +=-->
      <!--//           '<li><input type="radio" id="line-' +-->
      <!--//           i +-->
      <!--//           '" name="lines" value="' +-->
      <!--//           i +-->
      <!--//           '" /><label class="route" data-route="' +-->
      <!--//           temprk +-->
      <!--//           '" for="line-' +-->
      <!--//           i +-->
      <!--//           '">路径' +-->
      <!--//           (i + 1) +-->
      <!--//           "</label></li>";-->
      <!--//       }-->
      <!--//       strCont += "</ul></div>";-->

      <!--//       layer.open({-->
      <!--//         type: 1,-->
      <!--//         title: "最短路径",-->
      <!--//         area: ["340px", "200px"], //宽高-->
      <!--//         content: strCont,-->
      <!--//         cancel: function(index, layero) {-->
      <!--//           _this.secondaryId = "";-->
      <!--//           _this.secondaryRowkey = "";-->
      <!--//           $(".beeline").removeClass("ischked");-->
      <!--//           cy.$("edge:selected").remove();-->
      <!--//         }-->
      <!--//       });-->

      <!--//       $("label.route").on("click", function() {-->
      <!--//         cy.$("edge:selected").remove();-->

      <!--//         var rk = $(this)-->
      <!--//           .attr("data-route")-->
      <!--//           .split(",");-->
      <!--//         var rowkeyfirst = rk[0],-->
      <!--//           rowkeysecond = rk[1];-->

      <!--//         for (var i = 0; i < rk.length; i++) {-->
      <!--//           if (i < rk.length - 1) {-->
      <!--//             cy.add({-->
      <!--//               data: {-->
      <!--//                 source: rk[i],-->
      <!--//                 target: rk[i + 1]-->
      <!--//               },-->
      <!--//               position: {},-->
      <!--//               group: "edges",-->
      <!--//               removed: false,-->
      <!--//               selected: true,-->
      <!--//               selectable: true,-->
      <!--//               locked: false,-->
      <!--//               grabbable: true,-->
      <!--//               classes: "highlight",-->
      <!--//               custom: true-->
      <!--//             });-->
      <!--//           }-->
      <!--//         }-->
      <!--//       });-->
      <!--//     }-->
      <!--//   });-->
      <!--// },-->

      <!--//创建关系-->
      <!--createRelation: function() {-->
        <!--let _this = this;-->
        <!--var primaryId = _this.primaryId,-->
          <!--primaryRowkey = _this.primaryRowkey,-->
          <!--secondaryId = _this.secondaryId,-->
          <!--secondaryRowkey = _this.secondaryRowkey;-->
        <!--if (primaryRowkey == secondaryRowkey) {-->
          <!--_this.$message({-->
            <!--message: "请勿选择同一结点创建关系!",-->
            <!--type: "error"-->
          <!--});-->
          <!--return;-->
        <!--}-->
        <!--var suc = false;-->
        <!--var strCont = "";-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--//url: _this.$store.state.apiForwardUrl + "object/" + primaryId + "/link",-->
          <!--url: _this.$store.state.unifiedUserUrl + "/ontology/findOperateLinks",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--_this.createRelationVisible = true;-->
            <!--_this.relationSelectArr = data.data;-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//创建关系—— 选择已有与新建切换-->
      <!--toggleChooseOrAddRelation: function() {-->
        <!--this.vindex = this.vindex === 0 ? 1 : 0;-->
      <!--},-->
      <!--closeCreateRelation: function() {-->
        <!--this.secondaryId = "";-->
        <!--this.secondaryRowkey = "";-->
        <!--this.createRelationVisible = false;-->
      <!--},-->
      <!--confirmCreateRelation: function() {-->
        <!--let _this = this;-->
        <!--var linkuri = "",-->
          <!--relationtxt = "";-->
        <!--if (_this.vindex == 0) {-->
          <!--linkuri = $("#selRelation option:selected").attr("data-linkuri");-->
          <!--relationtxt = $("#selRelation option:selected").text();-->
        <!--} else {-->
          <!--this.isCreate = true;-->
          <!--relationtxt = linkuri = $("input[name=newrelation]").val();-->
        <!--}-->
        <!--console.log(JSON.stringify({-->
          <!--fromRowkey: _this.primaryRowkey,-->
          <!--toRowkey: _this.secondaryRowkey,-->
          <!--linkUri: linkuri-->
        <!--}))-->
        <!--$.ajax({-->
          <!--type: "POST",-->
          <!--url: _this.$store.state.unifiedUserUrl + "/relation/saveEdge",-->
          <!--contentType: "application/json",-->
          <!--data: JSON.stringify({-->
            <!--fromRowkey: _this.primaryRowkey,-->
            <!--toRowkey: _this.secondaryRowkey,-->
            <!--linkUri: linkuri-->
          <!--}),-->
          <!--async: true,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data, textStatus) {-->
            <!--//console.log("添加边！");-->
            <!--//console.log(data);-->
            <!--if (textStatus == "success") {-->
              <!--var tips = "成功创建关系";-->
              <!--if (data["created"] == false) {-->
                <!--tips = "边已存在";-->
              <!--}-->
              <!--var postData = {-->
                <!--pid: _this.pid,-->
                <!--nodes: [],-->
                <!--edges: []-->
              <!--};-->
              <!--postData.edges.push({-->
                <!--id: "",-->
                <!--source: _this.primaryId,-->
                <!--target: _this.secondaryId,-->
                <!--displayname: relationtxt,-->
                <!--rowkey: data.data.linkId,-->
                <!--linkuri: linkuri,-->
                <!--starttime: data.data["timeStart"],-->
                <!--endtime: data.data["timeEnd"]-->
              <!--});-->
              <!--var edgeData = {-->
                <!--group: "edges",-->
                <!--data: {-->
                  <!--id: data.data.linkId,-->
                  <!--source: _this.primaryId,-->
                  <!--target: _this.secondaryId,-->
                  <!--displayname: relationtxt,-->
                  <!--rowkey: data.data.linkId,-->
                  <!--linkuri: linkuri,-->
                  <!--starttime: data.data["timeStart"],-->
                  <!--endtime: data.data["timeEnd"]-->
                <!--}-->
              <!--};-->
              <!--_this.cy.add(edgeData);-->
              <!--_this.$message({-->
                <!--message: tips,-->
                <!--type: "success"-->
              <!--});-->
              <!--console.log(_this.cy.json())-->
              <!--_this.createRelationVisible = false;-->
              <!--_this.relationshipIschked = false;-->
              <!--_this.primaryId = "";-->
              <!--_this.primaryRowkey = "";-->
              <!--_this.secondaryId = "";-->
              <!--_this.secondaryRowkey = "";-->
              <!--// //将添加的连线保存到后台-->
              <!--// $.ajax({-->
              <!--//   url: _this.$store.state.unifiedUserUrl10011 + "/case/graph/save",-->
              <!--//   type: "post",-->
              <!--//   xhrFields: { withCredentials: true },-->
              <!--//   contentType: "application/json ",-->
              <!--//   data: JSON.stringify(postData),-->
              <!--//   success: function(response) {-->
              <!--//     if (response.status == 200) {-->
              <!--//       var edgeData = response.data.edges[0];-->
              <!--//       _this.cy.add(edgeData);-->
              <!--//       _this.$message({-->
              <!--//         message: tips,-->
              <!--//         type: "success"-->
              <!--//       });-->
              <!--//       _this.createRelationVisible = false;-->
              <!--//       _this.relationshipIschked = false;-->
              <!--//       _this.primaryId = "";-->
              <!--//       _this.primaryRowkey = "";-->
              <!--//       _this.secondaryId = "";-->
              <!--//       _this.secondaryRowkey = "";-->
              <!--//     }-->
              <!--//   }-->
              <!--// });-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->

      <!--editProperty: function(sptype, isexist) {-->
        <!--let _this = this;-->
        <!--$(".editable").on("blur", function() {-->
          <!--var duri = $(this).attr("data-uri"),-->
            <!--$obj = $(this);-->
          <!--if (isexist) {-->
            <!--var objuri = uri,-->
              <!--rk = rowkey,-->
              <!--etxt = $obj.text();-->
          <!--} else {-->
            <!--var objuri = $obj.attr("data-objecturi"),-->
              <!--rk = $obj.attr("data-rowkey"),-->
              <!--etxt = $obj.val(),-->
              <!--iscreate = $obj.attr("data-iscreate");-->
            <!--if (iscreate) {-->
              <!--sptype = "post";-->
            <!--} else {-->
              <!--sptype = "put";-->
            <!--}-->
          <!--}-->
          <!--//console.log(duri);-->
          <!--if (temptxt != etxt) {-->
            <!--$.ajax({-->
              <!--type: sptype,-->
              <!--url:-->
              <!--unifiedUserUrl +-->
              <!--"/object/" +-->
              <!--objuri +-->
              <!--"/instance/" +-->
              <!--rk +-->
              <!--"/property" +-->
              <!--"?uri=" +-->
              <!--duri +-->
              <!--"&value=" +-->
              <!--etxt,-->
              <!--//data:{'uri':duri,'value':etxt},-->
              <!--xhrFields: { withCredentials: true },-->
              <!--success: function(data, textStatus) {-->
                <!--////console.log(data);-->
                <!--if (textStatus == "success") {-->
                  <!--//console.log(data);-->
                  <!--$obj.attr("data-iscreate", false);-->
                  <!--_this.$message({-->
                    <!--message: "修改成功！",-->
                    <!--type: "success"-->
                  <!--});-->
                <!--}-->
              <!--}-->
            <!--});-->
          <!--}-->
          <!--temptxt = "";-->
          <!--etxt = "";-->
        <!--});-->
      <!--},-->
      <!--relationship: function() {-->
        <!--this.cy.$("node").removeClass("chk");-->
        <!--this.cy.$("edge").removeClass("highlight");-->
        <!--this.cy-->
          <!--.$("node")-->
          <!--.unselect()-->
          <!--.removeClass("selected");-->
        <!--if (!this.relationshipIschked) {-->
          <!--this.relationshipIschked = true;-->
        <!--} else {-->
          <!--this.relationshipIschked = false;-->
        <!--}-->
      <!--},-->
      <!--//添加相关对象、相关事件-->
      <!--createEntity: function(objectUri, instanceUri) {-->
        <!--//console.log("ddd:" + instanceUri);-->
        <!--$(".addEntity").on("click", function() {-->
          <!--(relateType = $(this).attr("data-type")), (otype = "+添加");-->
          <!--if (relateType.localeCompare("Entity") == 0) {-->
            <!--otype = "+添加实体";-->
          <!--}-->
          <!--if (relateType.localeCompare("Event") == 0) {-->
            <!--otype = "+添加事件";-->
          <!--}-->
          <!--layer.open({-->
            <!--type: 2,-->
            <!--closeBtn: true,-->
            <!--area: ["640px", "552px"],-->
            <!--shift: 7,-->
            <!--title: otype,-->
            <!--shadeClose: true,-->
            <!--//content: $("#addqxpz").html(),-->
            <!--content:-->
            <!--"obj-model.html" +-->
            <!--"?objectUri=" +-->
            <!--objectUri +-->
            <!--"&type=" +-->
            <!--relateType +-->
            <!--"&instanceUri=" +-->
            <!--instanceUri +-->
            <!--"&isgraph=true",-->
            <!--success: function(index) {}-->
          <!--});-->
        <!--});-->
      <!--},-->
      <!--//上传文档、多媒体-->
      <!--docMediaFun: function(objectUri, instanceUri) {-->
        <!--$(".docMedia").on("click", function() {-->
          <!--poptype = $(this).attr("data-type");-->
          <!--if (poptype.localeCompare("Doc") == 0) {-->
            <!--otype = "+上传文档";-->
          <!--}-->
          <!--if (poptype.localeCompare("Media") == 0) {-->
            <!--otype = "+上传多媒体";-->
          <!--}-->
          <!--layer.open({-->
            <!--type: 2,-->
            <!--closeBtn: true,-->
            <!--area: ["640px", "520px"],-->
            <!--shift: 7,-->
            <!--title: otype,-->
            <!--shadeClose: true,-->
            <!--//content: $("#addqxpz").html(),-->
            <!--content:-->
            <!--"related-popup.html" +-->
            <!--"?objectUri=" +-->
            <!--objectUri +-->
            <!--"&poptype=" +-->
            <!--poptype +-->
            <!--"&instanceUri=" +-->
            <!--instanceUri,-->
            <!--success: function(index) {}-->
          <!--});-->
        <!--});-->
      <!--},-->
      <!--edgesProperty: function(linkid) {-->
        <!--let _this = this;-->
        <!--var strHtml = "";-->
        <!--var datatype = "";-->
        <!--strHtml += '<div class="objRshowBox example">';-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><strong class="Tit-h4 hs5">属性</strong><span class="fr"><a data-type="Event" class="Fs2 curP addproperty">+新增</a></span></div>';-->
        <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
        <!--strHtml +=-->
          <!--'	<table cellspacing="0" cellpadding="0" border="0" class="dateTable tabMN tabWbj tab0WK">';-->
        <!--strHtml += "		<thead>";-->
        <!--strHtml += '			<tr><td width="85px" class="TxR">类型</td><td>值</td></tr>';-->
        <!--strHtml += "		</thead>";-->
        <!--strHtml += '		<tbody id="linkProperty">';-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl + "/object/findLinkProData/" + linkid,-->
          <!--async: false,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--for (var i = 0; i < data.length; i++) {-->
              <!--strHtml +=-->
                <!--'<tr><td class="TxR FsH9">' +-->
                <!--data[i].displayName +-->
                <!--'：</td><td class="FsH0"><span class="editable" data-uri="' +-->
                <!--data[i].uri +-->
                <!--'" contenteditable="true">' +-->
                <!--data[i].simpleValue +-->
                <!--"</span></td></tr>";-->
            <!--}-->
          <!--}-->
        <!--});-->
        <!--strHtml += "		</tbody>";-->
        <!--strHtml += "	</table>";-->
        <!--strHtml += "</div>";-->
        <!--strHtml += "</div>";-->
        <!--return strHtml;-->
      <!--},-->
      <!--//实例关联操作-->
      <!--relationFun: function(primaryRowkey, tp) {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--//url:  _this.$store.state.unifiedUserUrl +"object/" +primaryId + "/instance/" +primaryRowkey +"/" +tp,-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/relation/listRelation?rowkey=" +-->
          <!--primaryRowkey +-->
          <!--"&objectType=com.scistor.object." +-->
          <!--tp,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--//测试新接口-->
            <!--//console.log("查找关联关系！");-->
            <!--//console.log(data);-->
            <!--_this.relationData = data.data;-->
            <!--if (_this.relationData != null && _this.relationData.length > 0) {-->
              <!--var uriArr = [],-->
                <!--rnewArr = [],-->
                <!--strHtml = "";-->
              <!--for (var i = 0; i < _this.relationData.length; i++) {-->
                <!--var obj = {-->
                  <!--uri: _this.relationData[i].objectUri,-->
                  <!--displayName: _this.relationData[i].name-->
                <!--};-->
                <!--//obj = JSON.stringify(obj);-->
                <!--uriArr.push(obj);-->
              <!--}-->
              <!--_this.rnewArr = uriArr.distinct();-->
              <!--_this.isFirst = true;-->
              <!--_this.graphContextVisible = true;-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//确认关联-->
      <!--confirmRelation: function() {-->
        <!--let _this = this;-->
        <!--var showArr = [];-->
        <!--let data = _this.relationData;-->
        <!--if (_this.isFirst) {-->
          <!--$.each($("input[name=choose]:checked"), function() {-->
            <!--var vl = $(this).val();-->
            <!--for (var i = 0; i < data.length; i++) {-->
              <!--if (data[i].objectUri == vl) {-->
                <!--showArr.push(data[i]);-->
              <!--}-->
            <!--}-->
          <!--});-->
          <!--_this.isFirst = false;-->
          <!--_this.relationHandle(showArr, _this.nodeId);-->
        <!--}-->
      <!--},-->
      <!--relationHandle: function(data, nodeId) {-->
        <!--let _this = this;-->
        <!--////console.log('实例关联：'+data);-->
        <!--var tempx1 = _this.posx < 175 ? 25 : _this.posx - 150,-->
          <!--tempx2 = _this.posx > 955 ? 955 : _this.posx + 150,-->
          <!--tempy1 = _this.posy < 175 ? 25 : _this.osy - 150,-->
          <!--tempy2 = _this.posy > 955 ? 925 : _this.posy;-->

        <!--var nodeArr = [],-->
          <!--lineArr = [];-->
        <!--//var nodesArr = graph['elements']['nodes'];-->
        <!--//界面已有点-->
        <!--var nodesArr = _this.cy.json()["elements"]["nodes"];-->
        <!--//var tempedges = [];-->
        <!--for (var j = 0; j < nodesArr.length; j++) {-->
          <!--for (var i = 0; i < data.length; i++) {-->
            <!--if (data[i]["rowKey"] == nodesArr[j]["data"]["rowkey"]) {-->
              <!--//tempedges.push(data[i]);-->
              <!--data.splice(i, 1);-->
              <!--i&#45;&#45;;-->
            <!--}-->
          <!--}-->
        <!--}-->
        <!--////console.log(data);-->
        <!--////console.log(tempedges);-->
        <!--var postData = {-->
          <!--pid: _this.pid,-->
          <!--root: nodeId,-->
          <!--edges: []-->
        <!--};-->
        <!--for (var i = 0; i < data.length; i++) {-->
          <!--postData.edges.push({-->
            <!--id: "",-->
            <!--linkuri: data[i]["linkUri"],-->
            <!--rowkey: data[i]["linkId"],-->
            <!--source: _this.cxtrowkey,-->
            <!--displayname: data[i]["linkName"],-->
            <!--target: data[i]["rowkey"],-->
            <!--starttime: data[i]["startTime"],-->
            <!--endtime: data[i]["endTime"],-->
            <!--node: {-->
              <!--id: "",-->
              <!--rowkey: data[i]["rowKey"],-->
              <!--objecturi: data[i]["objectUri"],-->
              <!--objecttype: data[i]["objectType"],-->
              <!--displayname: data[i]["displayName"],-->
              <!--icon: data[i]["iconUrl"]-->
            <!--}-->
          <!--});-->
        <!--}-->
        <!--$.ajax({-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl10011 +-->
          <!--"/case/graph/associatenode/save",-->
          <!--type: "post",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--contentType: "application/json ",-->
          <!--data: JSON.stringify(postData),-->
          <!--success: function(response) {-->
            <!--if (response.status == 200) {-->
              <!--_this.graphContextVisible = false;-->
              <!--_this.$message({-->
                <!--message: "创建关联成功！",-->
                <!--type: "success"-->
              <!--});-->
              <!--_this.cy.add(-->
                <!--JSON.parse(-->
                  <!--JSON.stringify(response.data.nodes)-->
                    <!--.replace(/\"displayname\"\:/g, '"name":')-->
                    <!--.replace(/\"icon\"\:/g, '"image":')-->
                <!--)-->
              <!--);-->
              <!--_this.cy.add(-->
                <!--JSON.parse(-->
                  <!--JSON.stringify(response.data.edges).replace(-->
                    <!--/\"displayname\"\:/g,-->
                    <!--'"name":'-->
                  <!--)-->
                <!--)-->
              <!--);-->
              <!--_this.cy.nodes(function(n) {-->
                <!--var node = n.data();-->
                <!--n.unselect();-->
                <!--//n.position({'x':n.position().x,'y':n.position().y});-->
              <!--});-->

              <!--_this.graph = _this.cy.json();-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//删除关联事件、关联实体、关联文件、关联多媒体-->
      <!--relationDel: function(primaryId, primaryRowkey, tp) {-->
        <!--let _this = this;-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/object/" +-->
          <!--primaryId +-->
          <!--"/instance/" +-->
          <!--primaryRowkey +-->
          <!--"/" +-->
          <!--tp,-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--for (var i = 0; i < data.length; i++) {-->
              <!--var j = _this.cy.$("#" + data[i]["rowKey"]);-->
              <!--_this.cy.remove(j);-->
            <!--}-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--addObjFun: function(obj) {-->
        <!--obj.style = {-->
          <!--"background-image": obj.data.icon,-->
          <!--content: obj.data.displayname-->
        <!--};-->
        <!--this.cy.add(-->
          <!--JSON.parse(-->
            <!--JSON.stringify(obj)-->
              <!--.replace(/\"displayname\"\:/g, '"name":')-->
              <!--.replace(/\"icon\"\:/g, '"image":')-->
          <!--)-->
        <!--);-->
        <!--this.cy.nodes(function(n) {-->
          <!--var node = n.data();-->
          <!--n.style({ "background-image": node["image"], content: node["name"] });-->
          <!--n.unselect();-->
        <!--});-->
      <!--},-->
      <!--// correlationFun: function(data, instanceUri) {-->
      <!--//   var tempx = getRandom(nodeW, cy.width() - nodeW),-->
      <!--//     tempy = getRandom(nodeH, cy.height() - nodeH);-->
      <!--//   var obj = data.target;-->
      <!--//   //console.log(JSON.stringify(obj));-->
      <!--//   cy.add({-->
      <!--//     data: {-->
      <!--//       id: obj.rowKey,-->
      <!--//       name: obj.displayName,-->
      <!--//       label: obj.displayName,-->
      <!--//       image: obj.objectInfo.icon,-->
      <!--//       uri: obj.objectUri,-->
      <!--//       rowkey: obj.rowKey-->
      <!--//     },-->
      <!--//     position: {-->
      <!--//       x: tempx,-->
      <!--//       y: tempy-->
      <!--//     },-->
      <!--//     style: {-->
      <!--//       "background-image": obj.objectInfo.icon,-->
      <!--//       content: obj.displayName-->
      <!--//     },-->
      <!--//     group: "nodes",-->
      <!--//     removed: false,-->
      <!--//     selected: false,-->
      <!--//     selectable: true,-->
      <!--//     locked: false,-->
      <!--//     grabbable: true,-->
      <!--//     classes: ""-->
      <!--//   });-->
      <!--//   cy.add({-->
      <!--//     data: {-->
      <!--//       source: instanceUri,-->
      <!--//       target: obj.rowKey,-->
      <!--//       timeInterval: obj.objectInfo.timeCreated,-->
      <!--//       linklabel: obj.linkDisplayName-->
      <!--//     },-->
      <!--//     position: {},-->
      <!--//     group: "edges",-->
      <!--//     removed: false,-->
      <!--//     selected: false,-->
      <!--//     selectable: true,-->
      <!--//     locked: false,-->
      <!--//     grabbable: true,-->
      <!--//     classes: ""-->
      <!--//   });-->

      <!--//   var slink = "";-->
      <!--//   if (relateType == "Entity" || relateType == "Event") {-->
      <!--//     slink = "obj-show-obj.html";-->
      <!--//   } else {-->
      <!--//     if (poptype == "Doc") {-->
      <!--//       slink = "obj-show-doc.html";-->
      <!--//     } else if (poptype == "Media") {-->
      <!--//       slink = "obj-show-media.html";-->
      <!--//     }-->
      <!--//   }-->
      <!--//   var url = encodeURI(-->
      <!--//       encodeURI(-->
      <!--//         slink +-->
      <!--//           "?instanceUri=" +-->
      <!--//           obj.rowKey +-->
      <!--//           "&objectUri=" +-->
      <!--//           obj.objectUri +-->
      <!--//           "&displayName=" +-->
      <!--//           encodeURI(obj.displayName)-->
      <!--//       )-->
      <!--//     ),-->
      <!--//     iHtml =-->
      <!--//       '<em><a target="_blank" href="' +-->
      <!--//       url +-->
      <!--//       '"><img src="' +-->
      <!--//       obj.objectInfo.icon +-->
      <!--//       '" alt="" width="30px;"/></a></em>';-->
      <!--//   var strHtml =-->
      <!--//     "<li>" +-->
      <!--//     iHtml +-->
      <!--//     '<a target="_blank"style="line-height:30px;" title="' +-->
      <!--//     obj.objectInfo.displayName +-->
      <!--//     '" href="' +-->
      <!--//     url +-->
      <!--//     '">' +-->
      <!--//     obj.displayName +-->
      <!--//     "-" +-->
      <!--//     obj.objectInfo.displayName +-->
      <!--//     "</a></li>";-->
      <!--//   if (relateType.localeCompare("Entity") == 0) {-->
      <!--//     $("#relatedEntity").prepend(strHtml);-->
      <!--//   }-->
      <!--//   if (relateType.localeCompare("Event") == 0) {-->
      <!--//     $("#relatedEvent").prepend(strHtml);-->
      <!--//   }-->
      <!--//   if (poptype.localeCompare("Doc") == 0) {-->
      <!--//     $("#relatedDoc").prepend(strHtml);-->
      <!--//   }-->
      <!--//   if (poptype.localeCompare("Media") == 0) {-->
      <!--//     $("#relatedMedia").prepend(strHtml);-->
      <!--//   }-->
      <!--// },-->

      <!--setTimeline_historyStatus: function(status) {-->
        <!--this.timeline_history = status;-->
      <!--},-->
      <!--setDetails_statisticsStatus: function(status) {-->
        <!--this.details_statistics = status;-->
      <!--},-->
      <!--//添加节点弹窗的树状图-->
      <!--showtreeDemoDiv: function() {-->
        <!--let _this = this;-->
        <!--var ot = $("#objtype").val();-->
        <!--$("#repro").html("");-->
        <!--$("#otherpor").html("");-->
        <!--// var html = '<option value="" selected>请选择属性</option>';-->
        <!--// var htmlb = '<option value="" selected>请选择属性</option>';-->
        <!--// $("#otherpor").append(html);-->
        <!--this.treeDemoDivVisible = true;-->
        <!--$.ajax({-->
          <!--async: false,-->
          <!--url: _this.$store.state.unifiedUserUrl + "/ontology/tree",-->
          <!--type: "GET",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--_this.addNode_chooseObj = _this.handleLevelOne(data.data);-->
            <!--/*树结束*/-->
            <!--$("#leftT").hide();-->
            <!--$("#rightP").hide();-->
            <!--$("#rightT").removeClass("L5b");-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//查找出一级目录-->
      <!--handleLevelOne(data, parent){-->
        <!--var tree = [];-->
        <!--var temp;-->
        <!--for (var i = 0; i < data.length; i++) {-->
          <!--if (data[i].parenturi == parent) {-->
            <!--var obj = data[i];-->
            <!--obj.label = data[i].displayname;-->
            <!--obj.value = data[i].uri;-->
            <!--temp = this.handleLevelOne(data, data[i].uri);-->
            <!--if (temp.length > 0) {-->
              <!--obj.children = temp;-->
            <!--}-->
            <!--tree.push(obj);-->
          <!--}-->
        <!--}-->
        <!--return tree;-->
      <!--},-->
      <!--renderContent(h, { node, data, store }) {-->
        <!--return (-->
          <!--<span>-->
          <!--<img width="18px" src={node.icon} />-->
        <!--<span>{node.label}</span>-->
        <!--</span>-->
      <!--);-->
      <!--},-->
      <!--chooseObj: function(data) {-->
        <!--//console.log(data);-->
        <!--let uri = data.uri;-->
        <!--this.add_checkedObj = uri;-->
        <!--$("#parentUri").val(data.displayname);-->
        <!--this.treeDemoDivVisible = false;-->
        <!--this.getproperty(uri); //地理位置下拉取值，其他属性下拉取值-->
      <!--},-->
      <!--getproperty: function(uri) {-->
        <!--var displayname = $("#parentUri").val();-->
        <!--let _this = this;-->
        <!--if (displayname == "") {-->
          <!--_this.$message({-->
            <!--message: "请先选择对象！",-->
            <!--type: "error"-->
          <!--});-->
          <!--return false;-->
        <!--}-->
        <!--var otherpropertyisonearr = [];-->
        <!--var otherpropertyarr = [];-->
        <!--var propertyarr = [];-->
        <!--$.ajax({-->
          <!--async: false,-->
          <!--//url: _this.$store.state.apiForwardUrl + "object/" + uri + "/property",-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/ontology/findOperateProperties?uri=" +-->
          <!--uri,-->
          <!--type: "GET",-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--var getData = data.data;-->
            <!--//console.log(getData);-->
            <!--for (var i = 0; i < getData.length; i++) {-->
              <!--if (getData[i].allowed === "1") {-->
                <!--var type = getData[i].propertyType;-->
                <!--var representativeuIsone = getData[i].representative;-->
                <!--if (type == "GisData") {-->
                  <!--propertyarr.push(getData[i]);-->
                <!--}-->
                <!--if (representativeuIsone != 1) {-->
                  <!--//其他属性下拉获取数组-->
                  <!--otherpropertyarr.push(getData[i]);-->
                <!--}-->
                <!--if (representativeuIsone == 1) {-->
                  <!--//属性显示数组-->
                  <!--otherpropertyisonearr.push(getData[i]);-->
                <!--}-->
              <!--}-->
            <!--}-->
            <!--if (getData.length == 0) {-->
              <!--_this.$message({-->
                <!--message: "此对象没有属性，请重新选择对象！",-->
                <!--type: "error"-->
              <!--});-->
              <!--$("#parentUri").val("");-->
              <!--$("#repro").html("");-->
              <!--$("#otherpor").html("");-->
              <!--return false;-->
            <!--}-->
            <!--//其他属性下拉赋值-->
            <!--let otherpro = "";-->
            <!--for (var j = 0; j < otherpropertyarr.length; j++) {-->
              <!--var displayname = otherpropertyarr[j].displayname;-->
              <!--var uri = otherpropertyarr[j].propertyUri;-->
              <!--var type = otherpropertyarr[j].propertyType;-->
              <!--otherpro += '<div class="Frm-formD">';-->
              <!--otherpro += '<abbr class="disname">' + displayname + "：</abbr>";-->
              <!--otherpro += "<dl>";-->
              <!--otherpro +=-->
                <!--'<input type="hidden" class="in-T W6b" date-type="' +-->
                <!--type +-->
                <!--'" name="unrepresentprouri" value="' +-->
                <!--uri +-->
                <!--'"/>';-->
              <!--var html = _this.representpro(type);-->
              <!--otherpro += html;-->
              <!--otherpro += "</dl>";-->
              <!--otherpro += "</div>";-->
            <!--}-->
            <!--$("#otherpor").append(otherpro);-->
            <!--//代表属性赋值-->
            <!--var repro = "";-->
            <!--for (var h = 0; h < otherpropertyisonearr.length; h++) {-->
              <!--var displayname = otherpropertyisonearr[h].displayname;-->
              <!--var uri = otherpropertyisonearr[h].propertyUri;-->
              <!--var type = otherpropertyisonearr[h].propertyType;-->
              <!--repro += '<div class="Frm-formD" id="resproh">';-->
              <!--repro +=-->
                <!--'<abbr class="disname"><font>*</font> ' +-->
                <!--displayname +-->
                <!--"：</abbr>";-->
              <!--repro += "<dl>";-->
              <!--repro +=-->
                <!--'<input type="hidden" class="in-T W6b" date-type="' +-->
                <!--type +-->
                <!--'" name="representprouri" id="representprouri" value="' +-->
                <!--uri +-->
                <!--'"/>';-->
              <!--var html = _this.representpro(type);-->
              <!--repro += html;-->
              <!--repro += "</dl>";-->
              <!--repro += "</div>";-->
            <!--}-->
            <!--$("#repro").append(repro);-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--//代表属性的显示框-->
      <!--representpro: function(type) {-->
        <!--var html = "";-->
        <!--switch (type) {-->
          <!--case "GisData":-->
            <!--//地理位置-->
            <!--html =-->
              <!--'<input type="text" id="reprelng" id="reprelng"  class="in-T W1b" placeholder="经度" /><input type="text" id="reprelat" id="reprelat" class="in-T W1b" placeholder="纬度" /><input type="text" id="repredes" id="repredes" class="in-T W2b" placeholder="地列位置描述" />';-->
            <!--return html;-->
          <!--case "TimeInterval":-->
            <!--//时间区间-->
            <!--html =-->
              <!--'<input type="text" name="represtartTime" id="represtartTime" class="in-T W2b" placeholder="开始时间" /><input type="text" name="repreendTime" id="repreendTime" class="in-T W2b" placeholder="结束时间" />';-->
            <!--return html;-->
          <!--case "DateTime":-->
            <!--//时间类型-->
            <!--html =-->
              <!--'<input type="text" name="repreTime" id="repreTime" class="in-T W100b" onfocus="WdatePicker({readOnly:true,dateFmt:' +-->
              <!--"'yyyy-MM-dd HH:mm:ss'" +-->
              <!--'})" placeholder="请选择时间" />';-->
            <!--return html;-->
          <!--case "String":-->
            <!--html =-->
              <!--'<input type="text" name="representpro" id="representpro" class="in-T W100b" placeholder="请输入内容" />';-->
            <!--return html;-->
          <!--default:-->
            <!--html =-->
              <!--'<input type="text" name="representpro" id="representpro" class="in-T W100b" placeholder="请输入内容" />';-->
        <!--}-->
        <!--return html;-->
      <!--},-->
      <!--addNodes: function() {-->
        <!--let _this = this;-->
        <!--let uri = this.add_checkedObj;-->
        <!--//content: "obj-add.html?isgraph=true",-->
        <!--//获取当前窗口名称-->
        <!--var parentName = window.name;-->
        <!--$("#parentName").val(parentName);-->
        <!--var representpro = $("#representpro").val();-->
        <!--var representprouri = $("#representprouri").val();-->
        <!--var otherporuri = $("#otherpor").val();-->
        <!--var datypestr = "String";-->
        <!--var datypegis = "GisData";-->
        <!--var datypeTime = "timeInterval";-->
        <!--var mycars = [];-->
        <!--var eventObjectUri = $("#parentUri").val();-->
        <!--//代表属性的内容-->
        <!--var map = {};-->
        <!--$("#repro .Frm-formD").each(function(i, n) {-->
          <!--$(this)-->
            <!--.find("input[name='representprouri']")-->
            <!--.each(function(i, n) {-->
              <!--var datypestr = $(n).attr("date-type");-->
              <!--var representprouri = $(n).val();-->
              <!--if (datypestr == "String") {-->
                <!--//一个单选框时候-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.each(function(i, n) {-->
                    <!--var maprepresentpro = {};-->
                    <!--maprepresentpro["propertyUri"] = representprouri;-->
                    <!--maprepresentpro["value"] = $(n).val();-->
                    <!--maprepresentpro["propertyType"] = datypestr;-->
                    <!--maprepresentpro["label"] = true;-->
                    <!--mycars.push(maprepresentpro);-->
                    <!--if ($(n).val() == "") {-->
                      <!--_this.$message({-->
                        <!--message: "您的代表属性值为空，请填入！！",-->
                        <!--type: "error"-->
                      <!--});-->
                      <!--return false;-->
                    <!--}-->
                  <!--});-->
              <!--}-->
              <!--var ss = "";-->
              <!--if (datypestr == "GisData") {-->
                <!--//3个单选框时候地图的经纬度和描述-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.each(function(i, n) {-->
                    <!--ss += $(n).val();-->
                    <!--ss += ",";-->
                  <!--});-->
                <!--var lonlatarr = ss.split(",");-->
                <!--var gispro = {};-->
                <!--gispro["propertyUri"] = uri;-->
                <!--gispro["longitude"] = parseFloat(lonlatarr[0]);-->
                <!--gispro["latitude"] = parseFloat(lonlatarr[1]);-->
                <!--gispro["address"] = lonlatarr[2];-->
                <!--gispro["propertyType"] = datypestr;-->
                <!--gispro["label"] = true;-->
                <!--if ($(n).val() == "") {-->
                  <!--_this.$message({-->
                    <!--message: "您的代表属性值为空，请填入！！",-->
                    <!--type: "error"-->
                  <!--});-->
                  <!--return false;-->
                <!--}-->
                <!--mycars.push(gispro);-->
              <!--}-->
              <!--if (datypestr == "TimeInterval") {-->
                <!--//2个单选框时候开始时间和结束时间-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--ss += $(n).val();-->
                    <!--ss += ",";-->
                  <!--});-->
                <!--var time = ss.split(",");-->
                <!--var timepro = {};-->
                <!--timepro["propertyUri"] = uri;-->
                <!--timepro["propertyType"] = datypestr;-->
                <!--timepro["timeStart"] = parseFloat(new Date(time[0]).getTime());-->
                <!--timepro["timeEnd"] = parseFloat(new Date(time[1]).getTime());-->
                <!--datepro["label"] = true;-->
                <!--if ($(n).val() == "") {-->
                  <!--_this.$message({-->
                    <!--message: "您的代表属性值为空，请填入！！",-->
                    <!--type: "error"-->
                  <!--});-->
                  <!--return false;-->
                <!--}-->
                <!--mycars.push(timepro);-->
              <!--}-->
              <!--if (datypestr == "DateTime") {-->
                <!--//1个单选框时候的时间戳-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--var datepro = {};-->
                    <!--datepro["propertyUri"] = uri;-->
                    <!--datepro["value"] = $(n).val();-->
                    <!--datepro["propertyType"] = datypestr;-->
                    <!--datepro["label"] = true;-->
                    <!--if ($(n).val() == "") {-->
                      <!--_this.$message({-->
                        <!--message: "您的代表属性值为空，请填入！！",-->
                        <!--type: "error"-->
                      <!--});-->
                      <!--return false;-->
                    <!--}-->
                    <!--mycars.push(datepro);-->
                  <!--});-->
              <!--} else {-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--var datepro = {};-->
                    <!--datepro["propertyUri"] = uri;-->
                    <!--datepro["value"] = $(n).val();-->
                    <!--datepro["propertyType"] = datypestr;-->
                    <!--datepro["label"] = true;-->
                    <!--if ($(n).val() == "") {-->
                      <!--_this.$message({-->
                        <!--message: "您的代表属性值为空，请填入！！",-->
                        <!--type: "error"-->
                      <!--});-->
                      <!--return false;-->
                    <!--}-->
                    <!--mycars.push(datepro);-->
                  <!--});-->
              <!--}-->
            <!--});-->
        <!--});-->
        <!--$("#otherpor .Frm-formD").each(function(i, n) {-->
          <!--$(this)-->
            <!--.find("input[name='unrepresentprouri']")-->
            <!--.each(function(i, n) {-->
              <!--var datypestr = $(n).attr("date-type");-->
              <!--var representprouri = $(n).val();-->
              <!--if (datypestr == "String") {-->
                <!--//一个单选框时候-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.each(function(i, n) {-->
                    <!--var maprepresentpro = {};-->
                    <!--maprepresentpro["propertyUri"] = representprouri;-->
                    <!--maprepresentpro["value"] = $(n).val();-->
                    <!--maprepresentpro["propertyType"] = datypestr;-->
                    <!--if ($(n).val() !== "") {-->
                      <!--mycars.push(maprepresentpro);-->
                    <!--}-->
                  <!--});-->
              <!--}-->
              <!--var ss = "";-->
              <!--if (datypestr == "GisData") {-->
                <!--//3个单选框时候地图的经纬度和描述-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.each(function(i, n) {-->
                    <!--ss += $(n).val();-->
                    <!--ss += ",";-->
                  <!--});-->
                <!--var lonlatarr = ss.split(",");-->
                <!--var gispro = {};-->
                <!--gispro["propertyUri"] = uri;-->
                <!--gispro["longitude"] = parseFloat(lonlatarr[0]);-->
                <!--gispro["latitude"] = parseFloat(lonlatarr[1]);-->
                <!--gispro["address"] = lonlatarr[2];-->
                <!--gispro["propertyType"] = datypestr;-->
                <!--if (gispro["longitude"] !== ""&& gispro["latitude"] !== ""&&gispro["address"] !== "") {-->
                  <!--mycars.push(gispro);-->
                <!--}-->
              <!--}-->
              <!--if (datypestr == "TimeInterval") {-->
                <!--//2个单选框时候开始时间和结束时间-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--ss += $(n).val();-->
                    <!--ss += ",";-->
                  <!--});-->
                <!--var time = ss.split(",");-->
                <!--var timepro = {};-->
                <!--timepro["propertyUri"] = uri;-->
                <!--timepro["propertyType"] = datypestr;-->
                <!--timepro["timeStart"] = parseFloat(new Date(time[0]).getTime());-->
                <!--timepro["timeEnd"] = parseFloat(new Date(time[1]).getTime());-->
                <!--if (timepro["timeStart"] !== ""&&timepro["timeEnd"]!=="") {-->
                  <!--mycars.push(timepro);-->
                <!--}-->
              <!--}-->
              <!--if (datypestr == "DateTime") {-->
                <!--//1个单选框时候的时间戳-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--var datepro = {};-->
                    <!--datepro["propertyUri"] = uri;-->
                    <!--datepro["value"] = $(n).val();-->
                    <!--datepro["propertyType"] = datypestr;-->
                    <!--if ($(n).val() !== "") {-->
                      <!--mycars.push(datepro);-->
                    <!--}-->
                  <!--});-->
              <!--} else {-->
                <!--$(n)-->
                  <!--.next()-->
                  <!--.children()-->
                  <!--.each(function(i, n) {-->
                    <!--var datepro = {};-->
                    <!--datepro["propertyUri"] = uri;-->
                    <!--datepro["value"] = $(n).val();-->
                    <!--datepro["propertyType"] = datypestr;-->
                    <!--if ($(n).val() !== "") {-->
                      <!--mycars.push(datepro);-->
                    <!--}-->
                  <!--});-->
              <!--}-->
            <!--});-->
        <!--});-->
        <!--console.log({ objectUri: uri, propertyList: mycars });-->
        <!--$.ajax({-->
          <!--//url: apiForwardUrl + "object/" + uri + "/instance",-->
          <!--url: _this.$store.state.unifiedUserUrl + "/instance/save",-->
          <!--type: "POST",-->
          <!--contentType: "application/json",-->
          <!--data: JSON.stringify({-->
            <!--objectUri: uri,-->
            <!--propertyList: mycars-->
          <!--}),-->
          <!--xhrFields: { withCredentials: true },-->
          <!--success: function(data) {-->
            <!--//调取保存接口-->
            <!--//console.log(data);-->
            <!--var postData = {-->
              <!--pid: _this.pid,-->
              <!--nodes: [],-->
              <!--edges: []-->
            <!--};-->
            <!--//后台传值的点的格式-->
            <!--postData.nodes.push({-->
              <!--id: "",-->
              <!--displayname: data.data.displayName,-->
              <!--icon: data.data.iconUrl,-->
              <!--objecttype: data.data.objectType,-->
              <!--objecturi: data.data.objectUri,-->
              <!--rowkey: data.data.rowkey,-->
              <!--owneridcard: _this.owneridcard-->
            <!--});-->
            <!--var displayName = $("#parentUri").val();-->
            <!--_this.addNodesVisible = false;-->
            <!--_this.addObjFun({-->
              <!--id: "",-->
              <!--data: {-->
                <!--displayname: data.data.displayName,-->
                <!--//icon: data.data.iconUrl,-->
                <!--icon: data.data.iconUrl,-->
                <!--objecttype: data.data.objectType,-->
                <!--objecturi: data.data.objectUri,-->
                <!--rowkey: data.data.rowkey,-->
                <!--owneridcard: _this.owneridcard-->
              <!--},-->
              <!--style:{-->
                <!--"background-image":data.data.iconUrl-->
              <!--}-->
            <!--});-->
            <!--// _this.cy.nodes(function(n) {-->
            <!--//   var node = n.data();-->
            <!--//   n.style({ "background-image": node["icon"], content: node["displayname"] });-->
            <!--//   n.unselect();-->
            <!--// });-->
            <!--// $.ajax({-->
            <!--//   url: _this.$store.state.unifiedUserUrl10011 + "/case/graph/save",-->
            <!--//   type: "post",-->
            <!--//   xhrFields: { withCredentials: true },-->
            <!--//   contentType: "application/json ",-->
            <!--//   data: JSON.stringify(postData),-->
            <!--//   success: function(response) {-->
            <!--//     if (response.status == 200) {-->
            <!--//       var displayName = $("#parentUri").val();-->
            <!--//       _this.addNodesVisible = false;-->
            <!--//       _this.addObjFun(response.data.nodes[0]);-->
            <!--//     }-->
            <!--//   },-->
            <!--//   error: function() {-->
            <!--//     _this.$message({-->
            <!--//       message: "保存数据异常！",-->
            <!--//       type: "error"-->
            <!--//     });-->
            <!--//   }-->
            <!--// });-->
          <!--},-->
          <!--error: function(data) {-->
            <!--_this.$message({-->
              <!--message: "操作异常！",-->
              <!--type: "error"-->
            <!--});-->
          <!--}-->
        <!--});-->
      <!--},-->
      <!--verifyingGIS: function(GD1, GD2, GD3) {-->
        <!--if (GD1 == "" && GD2 == "" && GD3 == "") {-->
          <!--_this.$message({-->
            <!--message: "地理位置与经纬度不能都为空！",-->
            <!--type: "error"-->
          <!--});-->
          <!--return false;-->
        <!--}-->
        <!--if (GD2 != "" && GD3 == "") {-->
          <!--_this.$message({-->
            <!--message: "经纬度不能只填一项!",-->
            <!--type: "error"-->
          <!--});-->
          <!--return false;-->
        <!--}-->
        <!--if (GD2 == "" && GD3 != "") {-->
          <!--_this.$message({-->
            <!--message: "经纬度不能只填一项！",-->
            <!--type: "error"-->
          <!--});-->
          <!--return false;-->
        <!--}-->
        <!--return true;-->
      <!--},-->
      <!--// 点击关联图节点时获取节点相关信息-->
      <!--getExample: function(unifiedUserUrl, uri, rowkey, title) {-->
        <!--let _this = this;-->
        <!--var strHtml = "";-->
        <!--var datatype = "";-->
        <!--strHtml += '<div class="objRshowBox example">';-->
        <!--//获取实体名称、头像-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--//url: apiForwardUrl + "object/" + uri,-->
          <!--url:-->
          <!--_this.$store.state.unifiedUserUrl +-->
          <!--"/search/detail?rowkey=" +-->
          <!--rowkey +-->
          <!--"&objectUri=" +-->
          <!--uri,-->
          <!--async: false,-->
          <!--xhrFields: {-->
            <!--withCredentials: true-->
          <!--},-->
          <!--success: function(response) {-->
            <!--//cosole.log("节点信息！")-->
            <!--var data = response.data;-->
            <!--datatype = data.type;-->
            <!--if (data.type == "Event" || data.type == "Entity") {-->
              <!--var hr = encodeURI(-->
                <!--"obj-show-obj.html?instanceUri=" +-->
                <!--rowkey +-->
                <!--"&objectUri=" +-->
                <!--uri +-->
                <!--"&displayName=" +-->
                <!--title-->
              <!--);-->
            <!--} else if (data.type == "Document") {-->
              <!--var hr = encodeURI(-->
                <!--"obj-show-doc.html?instanceUri=" +-->
                <!--rowkey +-->
                <!--"&objectUri=" +-->
                <!--uri +-->
                <!--"&displayName=" +-->
                <!--title-->
              <!--);-->
            <!--} else if (data.type == "Media") {-->
              <!--var hr = encodeURI(-->
                <!--"obj-show-media.html?instanceUri=" +-->
                <!--rowkey +-->
                <!--"&objectUri=" +-->
                <!--uri +-->
                <!--"&displayName=" +-->
                <!--title-->
              <!--);-->
            <!--}-->
            <!--strHtml += '<div class="objBx">';-->
            <!--if (data.icon != null) {-->
              <!--strHtml +=-->
                <!--'	<em><a  target="_blank" href="' +-->
                <!--hr +-->
                <!--'"><img src="' +-->
                <!--data.icon +-->
                <!--'" alt="" /></a></em>';-->
            <!--} else {-->
              <!--strHtml +=-->
                <!--'	<em><a  target="_blank" href="' +-->
                <!--hr +-->
                <!--'"><i class="icon iconfont icon-renyuanguanli"></i></a></em>';-->
            <!--}-->
            <!--strHtml += "	<dl>";-->
            <!--strHtml +=-->
              <!--'		<dd><span class="FsH9"></span><strong>' +-->
              <!--data.displayName +-->
              <!--"</strong></dd>";-->
            <!--strHtml += '		<dd><span class="FsH9">名称：</span>' + title + "</dd>";-->
            <!--strHtml += "	</dl>";-->
            <!--strHtml += "</div>";-->

            <!--strHtml +=-->
              <!--'<div class="H40t backF0 b-t-1e"><strong class="Tit-h4 BLno">摘要</strong></div><div>';-->
            <!--//获取属性-->
            <!--strHtml +=-->
              <!--'<div class="H40t"><strong class="Tit-h4 hs5">属性</strong></div>';-->
            <!--var data = response.data.propertyList;-->
            <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
            <!--strHtml +=-->
              <!--'	<table cellspacing="0" cellpadding="0" border="0" class="dateTable tabMN tabWbj tab0WK">';-->
            <!--strHtml += "		<thead>";-->
            <!--strHtml += '			<tr><td class="TxR">类型</td><td>值</td></tr>';-->
            <!--strHtml += "		</thead>";-->
            <!--strHtml += "		<tbody>";-->
            <!--$(data).each(function(i, n) {-->
              <!--var valueStr = "";-->
              <!--var valueStrT = "";-->
              <!--var datatype = n.propertyType;-->
              <!--if (datatype == "Event" || datatype == "Entity") {-->
                <!--if (n.values.length != 0) {-->
                  <!--if (typeof n.values[0].value == "object") {-->
                    <!--$.each(n.values[0].value, function(l) {-->
                      <!--if (valueStr == "") {-->
                        <!--if (n.type == "TimeInterval") {-->
                          <!--valueStr = timestampToTime(-->
                            <!--$(n.values[0].value).attr(l)-->
                          <!--);-->
                          <!--valueStrT = timestampToTime(-->
                            <!--$(n.values[0].value).attr(l)-->
                          <!--);-->
                        <!--} else {-->
                          <!--if (-->
                            <!--$(n.values[0].value).attr(l) != undefined &&-->
                            <!--$(n.values[0].value).attr(l).length > 8-->
                          <!--) {-->
                            <!--valueStr +=-->
                              <!--$(n.values[0].value)-->
                                <!--.attr(l)-->
                                <!--.substring(0, 8) + "...";-->
                            <!--valueStrT += $(n.values[0].value).attr(l);-->
                          <!--} else {-->
                            <!--valueStr += $(n.values[0].value).attr(l);-->
                            <!--valueStrT += $(n.values[0].value).attr(l);-->
                          <!--}-->
                        <!--}-->
                      <!--} else {-->
                        <!--if (n.type == "TimeInterval") {-->
                          <!--valueStr =-->
                            <!--valueStr +-->
                            <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                            <!--timestampToTime($(n.values[0].value).attr(l));-->
                          <!--valueStrT =-->
                            <!--valueStrT +-->
                            <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                            <!--timestampToTime($(n.values[0].value).attr(l));-->
                        <!--} else {-->
                          <!--if (-->
                            <!--$(n.values[0].value).attr(l) != undefined &&-->
                            <!--$(n.values[0].value).attr(l).length > 8-->
                          <!--) {-->
                            <!--//valueStr =   $(n.values[0].value).attr(l).substring(0,8) + '...'-->
                            <!--valueStr =-->
                              <!--valueStr +-->
                              <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                              <!--$(n.values[0].value)-->
                                <!--.attr(l)-->
                                <!--.substring(0, 8) +-->
                              <!--"...";-->
                            <!--valueStrT =-->
                              <!--valueStrT +-->
                              <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                              <!--$(n.values[0].value).attr(l);-->
                          <!--} else {-->
                            <!--// valueStr =  $(n.values[0].value).attr(l)-->
                            <!--valueStr =-->
                              <!--valueStr +-->
                              <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                              <!--$(n.values[0].value).attr(l);-->
                            <!--valueStrT =-->
                              <!--valueStrT +-->
                              <!--"&nbsp;&nbsp;-&nbsp;&nbsp;" +-->
                              <!--$(n.values[0].value).attr(l);-->
                          <!--}-->
                        <!--}-->
                      <!--}-->
                    <!--});-->
                  <!--} else {-->
                    <!--//value是字符串-->
                    <!--if (-->
                      <!--n.propertyValues[0].value != undefined &&-->
                      <!--n.propertyValues[0].value.length > 8-->
                    <!--) {-->
                      <!--//valueStr =   $(n.values[0].value).attr(l).substring(0,8) + '...'-->
                      <!--valueStr = n.propertyValues[0].value.substring(0, 8) + "...";-->
                    <!--} else {-->
                      <!--// valueStr =  $(n.values[0].value).attr(l)-->
                      <!--var arrNames = "";-->
                      <!--var dsrNamesArr = n.propertyValues[0].dsrNames;-->
                      <!--for (let value of dsrNamesArr) {-->
                        <!--arrNames += value + ";";-->
                      <!--}-->
                      <!--if (dsrNamesArr.length == 0) {-->
                        <!--valueStr = n.propertyValues[0].value;-->
                      <!--} else {-->
                        <!--valueStr =-->
                          <!--n.propertyValues[0].value +-->
                          <!--"<span style='color:#888'>(" +-->
                          <!--arrNames +-->
                          <!--")</span>";-->
                      <!--}-->
                    <!--}-->
                  <!--}-->
                <!--}-->
              <!--} else {-->
                <!--valueStrT = n.propertyValues[0].value;-->
                <!--if (-->
                  <!--n.propertyValues[0].propertyValues != undefined &&-->
                  <!--n.propertyValues[0].propertyValues.length > 8-->
                <!--) {-->
                  <!--valueStr = n.propertyValues[0].value.substring(0, 8) + "...";-->
                <!--} else {-->
                  <!--// valueStr =  $(n.values[0].value).attr(l)-->
                  <!--valueStr = n.propertyValues[0].value;-->
                <!--}-->
              <!--}-->
              <!--strHtml +=-->
                <!--'<tr><td class="TxR FsH9">' +-->
                <!--n.propertyName +-->
                <!--'：</td><td class="FsH0" title="' +-->
                <!--valueStrT +-->
                <!--'">' +-->
                <!--valueStr +-->
                <!--"</td></tr>";-->
            <!--});-->
            <!--strHtml += "		</tbody>";-->
            <!--strHtml += "	</table>";-->
            <!--strHtml += "</div>";-->
          <!--}-->
        <!--});-->
        <!--//获取相关事件-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><strong class="Tit-h4 hs5">相关事件</strong></div>';-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:_this.$store.state.unifiedUserUrl+"/relation/listRelation?rowkey="+rowkey+"&objectType=com.scistor.object.event",-->
          <!--// apiForwardUrl + "object/" + uri + "/instance/" + rowkey + "/event  ",-->
          <!--async: false,-->
          <!--contentType:"application/json",-->
          <!--xhrFields: {-->
            <!--withCredentials: true-->
          <!--},-->
          <!--success: function(data) {-->
            <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
            <!--strHtml += '	<ul class="newLis">';-->
            <!--var data = data.data;-->
            <!--$(data).each(function(i, n) {-->
              <!--if (n.name.length > 12) {-->
                <!--var name =-->
                  <!--n.name.substring(0, 8) +-->
                  <!--"...-" +-->
                  <!--n.displayName;-->
              <!--} else {-->
                <!--var name = n.name + "-" + n.displayName;-->
              <!--}-->
              <!--var url = encodeURI(-->
                <!--encodeURI(-->
                  <!--"obj-show-obj.html?instanceUri=" +-->
                  <!--n.rowkey +-->
                  <!--"&objectUri=" +-->
                  <!--n.objectUri +-->
                  <!--"&displayName=" +-->
                  <!--encodeURI(n.displayName)-->
                <!--)-->
              <!--);-->
              <!--if (n.icon != null) {-->
                <!--var iHtml =-->
                  <!--'	<em><a  target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><img src="' +-->
                  <!--n.icon +-->
                  <!--'" alt="" width="30px;"/></a></em>';-->
              <!--} else {-->
                <!--var iHtml =-->
                  <!--'	<em><a target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><i class="icon iconfont icon-icon-goods" width="30px;"></i></a></em>';-->
              <!--}-->

              <!--strHtml +=-->
                <!--"<li>" +-->
                <!--iHtml +-->
                <!--'<a target="_blank" style="line-height:30px;" title="' +-->
                <!--n.displayName +-->
                <!--'" href="' +-->
                <!--url +-->
                <!--'">' +-->
                <!--name +-->
                <!--"</a></li>";-->
            <!--});-->
            <!--// for(var i=0;i<data.length;i++){-->
            <!--// 	strHtml+='<li><span class="time">'+ formatDate(data[i]['timeInterval']['endTime']) +'</span><a href="#">'+ data[i]['displayName'] +'</a></li>';-->
            <!--// }-->
            <!--strHtml += "	</ul>";-->
            <!--strHtml += "</div>";-->
          <!--}-->
        <!--});-->
        <!--//获取相关实体-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><strong class="Tit-h4 hs5">相关实体</strong></div>';-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:_this.$store.state.unifiedUserUrl+"/relation/listRelation?rowkey="+rowkey+"&objectType=com.scistor.object.entity",-->
          <!--// apiForwardUrl + "object/" + uri + "/instance/" + rowkey + "/event  ",-->
          <!--async: false,-->
          <!--contentType:"application/json",-->
          <!--xhrFields: {-->
            <!--withCredentials: true-->
          <!--},-->
          <!--success: function(data) {-->
            <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
            <!--strHtml += '	<ul class="newLis">';-->
            <!--var data = data.data;-->
            <!--$(data).each(function(i, n) {-->
              <!--if (n.name.length > 12) {-->
                <!--var name =-->
                  <!--n.name.substring(0, 8) +-->
                  <!--"...-" +-->
                  <!--n.displayName;-->
              <!--} else {-->
                <!--var name = n.name + "-" + n.displayName;-->
              <!--}-->
              <!--var url = encodeURI(-->
                <!--encodeURI(-->
                  <!--"obj-show-obj.html?instanceUri=" +-->
                  <!--n.rowkey +-->
                  <!--"&objectUri=" +-->
                  <!--n.objectUri +-->
                  <!--"&displayName=" +-->
                  <!--encodeURI(n.displayName)-->
                <!--)-->
              <!--);-->
              <!--if (n.icon != null) {-->
                <!--var iHtml =-->
                  <!--'	<em><a  target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><img src="' +-->
                  <!--n.icon +-->
                  <!--'" alt="" width="30px;"/></a></em>';-->
              <!--} else {-->
                <!--var iHtml =-->
                  <!--'	<em><a target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><i class="icon iconfont icon-icon-goods" width="30px;"></i></a></em>';-->
              <!--}-->

              <!--strHtml +=-->
                <!--"<li>" +-->
                <!--iHtml +-->
                <!--'<a target="_blank" style="line-height:30px;" title="' +-->
                <!--n.displayName +-->
                <!--'" href="' +-->
                <!--url +-->
                <!--'">' +-->
                <!--name +-->
                <!--"</a></li>";-->
            <!--});-->
            <!--// for(var i=0;i<data.length;i++){-->
            <!--// 	strHtml+='<li><span class="time">'+ formatDate(data[i]['timeInterval']['endTime']) +'</span><a href="#">'+ data[i]['displayName'] +'</a></li>';-->
            <!--// }-->
            <!--strHtml += "	</ul>";-->
            <!--strHtml += "</div>";-->
          <!--}-->
        <!--});-->
        <!--//获取相关文档-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><strong class="Tit-h4 hs5">相关文档</strong></div>';-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:_this.$store.state.unifiedUserUrl+"/relation/listRelation?rowkey="+rowkey+"&objectType=com.scistor.object.document",-->
          <!--async: false,-->
          <!--xhrFields: {-->
            <!--withCredentials: true-->
          <!--},-->
          <!--success: function(data) {-->
            <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
            <!--strHtml += '	<ul class="newLis">';-->
            <!--var data = data.data;-->
            <!--$(data).each(function(i, n) {-->
              <!--if (n.name.length > 12) {-->
                <!--var name =-->
                  <!--n.name.substring(0, 8) +-->
                  <!--"...-" +-->
                  <!--n.displayName;-->
              <!--} else {-->
                <!--var name = n.name + "-" + n.displayName;-->
              <!--}-->
              <!--var url = encodeURI(-->
                <!--encodeURI(-->
                  <!--"obj-show-obj.html?instanceUri=" +-->
                  <!--n.rowkey +-->
                  <!--"&objectUri=" +-->
                  <!--n.objectUri +-->
                  <!--"&displayName=" +-->
                  <!--encodeURI(n.displayName)-->
                <!--)-->
              <!--);-->
              <!--if (n.icon != null) {-->
                <!--var iHtml =-->
                  <!--'	<em><a  target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><img src="' +-->
                  <!--n.icon +-->
                  <!--'" alt="" width="30px;"/></a></em>';-->
              <!--} else {-->
                <!--var iHtml =-->
                  <!--'	<em><a target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><i class="icon iconfont icon-icon-goods" width="30px;"></i></a></em>';-->
              <!--}-->

              <!--strHtml +=-->
                <!--"<li>" +-->
                <!--iHtml +-->
                <!--'<a target="_blank" style="line-height:30px;" title="' +-->
                <!--n.displayName +-->
                <!--'" href="' +-->
                <!--url +-->
                <!--'">' +-->
                <!--name +-->
                <!--"</a></li>";-->
            <!--});-->
            <!--// for(var i=0;i<data.length;i++){-->
            <!--// 	strHtml+='<li><span class="time">'+ formatDate(data[i]['timeInterval']['endTime']) +'</span><a href="#">'+ data[i]['displayName'] +'</a></li>';-->
            <!--// }-->
            <!--strHtml += "	</ul>";-->
            <!--strHtml += "</div>";-->
          <!--}-->
        <!--});-->

        <!--//获取相关多媒体-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><strong class="Tit-h4 hs5">相关多媒体</strong></div>';-->
        <!--$.ajax({-->
          <!--type: "get",-->
          <!--url:_this.$store.state.unifiedUserUrl+"/relation/listRelation?rowkey="+rowkey+"&objectType=com.scistor.object.media",-->
          <!--async: false,-->
          <!--xhrFields: {-->
            <!--withCredentials: true-->
          <!--},-->
          <!--success: function(data) {-->
            <!--strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
            <!--strHtml += '	<ul class="newLis">';-->
            <!--var data = data.data;-->
            <!--$(data).each(function(i, n) {-->
              <!--if (n.name.length > 12) {-->
                <!--var name =-->
                  <!--n.name.substring(0, 8) +-->
                  <!--"...-" +-->
                  <!--n.displayName;-->
              <!--} else {-->
                <!--var name = n.name + "-" + n.displayName;-->
              <!--}-->
              <!--var url = encodeURI(-->
                <!--encodeURI(-->
                  <!--"obj-show-obj.html?instanceUri=" +-->
                  <!--n.rowkey +-->
                  <!--"&objectUri=" +-->
                  <!--n.objectUri +-->
                  <!--"&displayName=" +-->
                  <!--encodeURI(n.displayName)-->
                <!--)-->
              <!--);-->
              <!--if (n.icon != null) {-->
                <!--var iHtml =-->
                  <!--'	<em><a  target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><img src="' +-->
                  <!--n.icon +-->
                  <!--'" alt="" width="30px;"/></a></em>';-->
              <!--} else {-->
                <!--var iHtml =-->
                  <!--'	<em><a target="_blank" href="' +-->
                  <!--url +-->
                  <!--'"><i class="icon iconfont icon-icon-goods" width="30px;"></i></a></em>';-->
              <!--}-->

              <!--strHtml +=-->
                <!--"<li>" +-->
                <!--iHtml +-->
                <!--'<a target="_blank" style="line-height:30px;" title="' +-->
                <!--n.displayName +-->
                <!--'" href="' +-->
                <!--url +-->
                <!--'">' +-->
                <!--name +-->
                <!--"</a></li>";-->
            <!--});-->
            <!--// for(var i=0;i<data.length;i++){-->
            <!--// 	strHtml+='<li><span class="time">'+ formatDate(data[i]['timeInterval']['endTime']) +'</span><a href="#">'+ data[i]['displayName'] +'</a></li>';-->
            <!--// }-->
            <!--strHtml += "	</ul>";-->
            <!--strHtml += "</div>";-->
          <!--}-->
        <!--});-->
        <!--strHtml +=-->
          <!--'<div class="H40t"><span class="fr"></span><strong class="Tit-h4 hs5">备注</strong></div>';-->
        <!--// $.ajax({-->
        <!--//   type: "get",-->
        <!--//   url:-->
        <!--//     apiForwardUrl +-->
        <!--//     "object/" +-->
        <!--//     uri +-->
        <!--//     "/instance/" +-->
        <!--//     rowkey +-->
        <!--//     "/property  ",-->
        <!--//   //url:apiForwardUrl+'/object/'+uri+'/instance/'+rowkey+'/property',-->
        <!--//   async: false,-->
        <!--//   xhrFields: {-->
        <!--//     withCredentials: true-->
        <!--//   },-->
        <!--//   success: function(data) {-->
        <!--//     $(data).each(function(i, n) {-->
        <!--//       if (-->
        <!--//         n.uri == "com.scistor.property.comment" &&-->
        <!--//         n.values.length != 0-->
        <!--//       ) {-->
        <!--//         strHtml += '<div class="M-12 Mt-0 b-b-1e Pb-12">';-->
        <!--//         strHtml += '	<div class="nrTesBox">';-->
        <!--//         strHtml += "		<p>" + n.values[0].value + "</p>";-->
        <!--//         strHtml += "	</div>";-->
        <!--//         strHtml += "</div>";-->
        <!--//       }-->
        <!--//     });-->
        <!--//   }-->
        <!--// });-->
        <!--strHtml += "</div></div>";-->
        <!--return strHtml;-->
      <!--}-->
    <!--}-->
  <!--};-->
<!--</script>-->

<!--&lt;!&ndash; Add "scoped" attribute to limit CSS to this component only &ndash;&gt;-->
<!--<style scoped>-->
  <!--.img-div img {-->
    <!--width: 180px;-->
    <!--height: 90px;-->
    <!--display: inline-block;-->
  <!--}-->
  <!--.img-div {-->
    <!--display: inline-block;-->
  <!--}-->
  <!--.drop-left,-->
  <!--.drop-right {-->
    <!--width: 50px;-->
    <!--height: 90px;-->
    <!--display: inline-block;-->
  <!--}-->
  <!--.ptime {-->
    <!--margin-left: 50px;-->
  <!--}-->
  <!--.xuanzhong {-->
    <!--margin-left: 50px;-->
    <!--color: #ffffff;-->
    <!--background-color: #009900;-->
  <!--}-->
  <!--.treeDemo {-->
    <!--display: inline-block;-->
    <!--width: 30%;-->
    <!--height: 500px;-->
    <!--overflow: auto;-->
  <!--}-->
  <!--.tableContainer {-->
    <!--display: inline-block;-->
    <!--width: 68%;-->
    <!--height: 500px;-->
    <!--overflow: auto;-->
  <!--}-->
  <!--.tableContainer tbody td {-->
    <!--height: 36px;-->
    <!--line-height: 36px;-->
    <!--text-align: center;-->
  <!--}-->
  <!--/* 导出案件数据 */-->
  <!--.psr {-->
    <!--position: relative;-->
  <!--}-->
  <!--.item {-->
    <!--margin: 15px 10px;-->
  <!--}-->

  <!--.item label {-->
    <!--display: inline-block;-->
    <!--width: 20%;-->
    <!--text-align: right;-->
  <!--}-->

  <!--.item input[type="text"],-->
  <!--.item textarea,-->
  <!--.imageContainer {-->
    <!--display: inline-block;-->
    <!--width: 65%;-->
    <!--padding-left: 3px;-->
  <!--}-->

  <!--.item input[type="text"] {-->
    <!--height: 28px;-->
  <!--}-->
  <!--.item input[readonly="readonly"] {-->
    <!--background: white;-->
    <!--border: 1px solid #eee;-->
  <!--}-->
  <!--.item textarea {-->
    <!--height: 80px;-->
    <!--resize: none;-->
    <!--border: 1px solid rgb(238, 238, 238);-->
  <!--}-->

  <!--.item span.request {-->
    <!--color: red;-->
  <!--}-->

  <!--.vertical-top {-->
    <!--vertical-align: top;-->
  <!--}-->

  <!--.imageContainer {-->
    <!--height: 105px;-->
    <!--overflow: auto;-->
  <!--}-->

  <!--.singleImg {-->
    <!--width: 19%;-->
    <!--margin: 0px 10px 25px;-->
    <!--height: 80px;-->
    <!--border: 1px solid #aaa;-->
    <!--float: left;-->
    <!--position: relative;-->
    <!--cursor: pointer;-->
  <!--}-->

  <!--.imageInfo {-->
    <!--position: absolute;-->
    <!--left: 0;-->
    <!--bottom: -20px;-->
    <!--width: 74px;-->
    <!--overflow: hidden;-->
    <!--text-overflow: ellipsis;-->
    <!--white-space: nowrap;-->
    <!--text-align: center;-->
  <!--}-->
  <!--.checkDepContainer {-->
    <!--display: none;-->
    <!--position: absolute;-->
    <!--z-index: 9999;-->
    <!--top: 38px;-->
    <!--left: 122px;-->
    <!--width: 400px;-->
    <!--height: 200px;-->
    <!--overflow: auto;-->
    <!--background: white;-->
  <!--}-->
<!--</style>-->
